From 7cc31032fff0cb40e14d2a3bd4fdb42657689e9a Mon Sep 17 00:00:00 2001
From: Lukas Polak <admin@lukaspolak.cz>
Date: Wed, 23 Oct 2024 19:39:25 +0200
Subject: [PATCH] Adjust docking visualization div sizes

---
 frontend/client/visualize/docking/main.tsx              | 4 ++--
 frontend/client/visualize/docking/visualization-box.tsx | 4 ++--
 frontend/server/configuration.js                        | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/client/visualize/docking/main.tsx b/frontend/client/visualize/docking/main.tsx
index 363e119..c5079ac 100644
--- a/frontend/client/visualize/docking/main.tsx
+++ b/frontend/client/visualize/docking/main.tsx
@@ -146,11 +146,11 @@ export function DockingTask(dp: DockingTaskProps) {
     }
 
     return <div style={{ display: "flex" }}>
-        <div style={{ width: "50%", margin: "5px" }}>
+        <div style={{ width: "65%", margin: "5px" }}>
             <DockingTaskVisualizationBox plugin={plugin!} changePocketsView={changePocketsView} pocket={prediction?.pockets.find((p: PocketData) => p.rank === pocketRank)}
                 changeBoundingBoxRefs={changeBoundingBoxRefs} polymerRepresentations={polymerRepresentations} />
         </div>
-        <div id="content-wrapper" style={{ width: "50%", margin: "5px" }}>
+        <div id="content-wrapper" style={{ width: "35%", margin: "5px" }}>
             <DockingTaskRightPanel pdbqtModels={pdbqtModels} dp={dp} plugin={plugin!} ligandRepresentations={ligandRepresentations} />
         </div>
     </div>;
diff --git a/frontend/client/visualize/docking/visualization-box.tsx b/frontend/client/visualize/docking/visualization-box.tsx
index 4ac3065..47331fd 100644
--- a/frontend/client/visualize/docking/visualization-box.tsx
+++ b/frontend/client/visualize/docking/visualization-box.tsx
@@ -48,10 +48,10 @@ export function DockingTaskVisualizationBox({ plugin, changePocketsView, pocket,
 
     return (
         <>
-            <div id="molstar-wrapper" style={{ width: "100%", position: "relative", height: "75vh" }}></div>
+            <div id="molstar-wrapper" style={{ width: "100%", position: "relative", height: "74vh" }}></div>
             <div id="visualization-tooltip">
                 <Tooltip title={<span style={{ fontSize: "1.5em", whiteSpace: "pre-wrap" }}>{tooltipText}</span>} placement="left-end">
-                    <i className="bi bi-info-circle" style={{ "display": "block", zIndex: "1", position: "absolute", left: "47.5%", top: "77.5vh" }}></i>
+                    <i className="bi bi-info-circle" style={{ "display": "block", zIndex: "1", position: "absolute", left: "62.5%", top: "76.5vh" }}></i>
                 </Tooltip>
             </div>
             <div className="visualization-toolbox-container" id="visualization-toolbox">
diff --git a/frontend/server/configuration.js b/frontend/server/configuration.js
index c02ed6f..6e2884d 100644
--- a/frontend/server/configuration.js
+++ b/frontend/server/configuration.js
@@ -7,5 +7,5 @@ module.exports = {
   //"proxy-directory": "../../data/database/",
   // Use the option bellow to proxy commands to task runner instance.
   // This allows you to run tasks or connect to existing instance (https://prankweb.cz).
-  "proxy-service": "https://prankweb.cz",
+  "proxy-service": "http://localhost:8020",
 };