From 8181af3e01a2091c1bfcaff3fc4a2f1be5f6de41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 7 Jan 2024 20:21:49 +0100
Subject: [PATCH] style(webui): column/inspect sizing, avoid scrollbar overlap

---
 webui/src/components/BrowseColumn.svelte | 4 ++--
 webui/src/components/Inspect.svelte      | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/webui/src/components/BrowseColumn.svelte b/webui/src/components/BrowseColumn.svelte
index 6063f56..10f3dee 100644
--- a/webui/src/components/BrowseColumn.svelte
+++ b/webui/src/components/BrowseColumn.svelte
@@ -137,8 +137,8 @@
 
     .view {
       @media screen and (min-width: 600px) {
-        min-width: 75vw;
-        max-width: min(75vw, 1920px);
+        min-width: 85vw;
+        max-width: min(85vw, 1920px);
         margin-left: auto;
         margin-right: auto;
       }
diff --git a/webui/src/components/Inspect.svelte b/webui/src/components/Inspect.svelte
index dac7ea4..366ab36 100644
--- a/webui/src/components/Inspect.svelte
+++ b/webui/src/components/Inspect.svelte
@@ -579,6 +579,7 @@
     height: 0; // https://stackoverflow.com/a/14964944
     min-height: 12em;
     overflow-y: auto;
+    padding-right: 1rem;
   }
 
   @media screen and (min-width: 1600px) {
@@ -591,12 +592,12 @@
 
       &.blob {
         .detail-col {
-          width: 25%;
+          width: 33%;
           flex-grow: 0;
         }
 
         .blob-viewer {
-          width: 73%;
+          width: 65%;
           height: 100%;
           position: absolute;
           left: 1%;