[ui] under 1080px screen height, scroll entire content of browse scroll

webui/src/components/Inspect.svelte

@@ -181,6 +181,8 @@
         <Spinner centered />
       {/if}
     </h2>
+  </header>
+  <div class="main-content">
     {#if groups?.length || editable}
       <section class="groups labelborder">
         <header><h3>Groups</h3></header>
@@ -210,7 +212,6 @@
         </div>
       </section>
     {/if}
-  </header>
     <BlobPreview {address} {editable} {detail} />
     <NotesEditor {address} {editable} on:change={onChange} />
     {#if !$error}
@@ -251,20 +252,23 @@
         {$error}
       </div>
     {/if}
+  </div>
 </div>
 
 <style scoped lang="scss">
   @use "./util";
 
-  .inspect {
+  header h2 {
+    margin-bottom: 0;
+  }
+
+  .inspect,
+  .main-content {
     flex: auto;
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
-
+    min-height: 0;
-    h2 {
-      margin-bottom: 0;
-    }
   }
 
   .groups {
@@ -292,6 +296,18 @@
     overflow-y: auto;
   }
 
+  @media screen and (max-height: 1080px) {
+    .main-content {
+      overflow-y: scroll;
+      // min-height: 0;
+    }
+
+    .attributes {
+      height: unset;
+      overflow-y: unset;
+    }
+  }
+
   .error {
     color: red;
   }