Adjust docking visualization div sizes

cusbg · Oct 23, 2024 · 7cc3103 · 7cc3103
1 parent 7706585
commit 7cc3103
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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",
 };