fix: detail mode

webui/src/components/BrowseColumn.svelte

@@ -43,8 +43,8 @@
   }
 </script>
 
-<div class="column">
-  <div class="view" class:editable class:detail style="--width: {width}px">
+<div class="column" class:detail>
+  <div class="view" class:editable style="--width: {width}px">
     <header>
       <IconButton
         name="pencil"
@@ -83,6 +83,17 @@
     display: flex;
   }
 
+  .column.detail {
+    width: 100%;
+    
+    .view {
+      min-width: 75vw;
+      max-width: 1920px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+
   .view {
     min-width: var(--width);
     max-width: var(--width);
@@ -103,13 +114,6 @@
       border-style: dashed;
     }
 
-    &.detail {
-      min-width: 75%;
-      max-width: 1920px;
-      margin-left: auto;
-      margin-right: auto;
-    }
-
     header {
       font-size: 20px;
       position: relative;