further css fixes

diff --git a/frontend/src/lib/Sidenav.svelte b/frontend/src/lib/Sidenav.svelte
index 8fd780cfc53dfb10532c6928904bf382e01d58c0..a82b46cbb61c41a5aab3861d5a2979c5ea2a0199 100644 (file)
--- a/frontend/src/lib/Sidenav.svelte
+++ b/frontend/src/lib/Sidenav.svelte
@@ -495,14 +495,21 @@
                border-bottom-right-radius: 0;
        }
 
+       /* Dynamic search results panel: fill remaining space, but never below 250px */
+       .search {
+               flex: 1 1 auto; /* allow search area to grow */
+               min-height: 0; /* allow inner flex children to compute height */
+               display: flex;
+               flex-direction: column;
+       }
+
        .list-group {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                overflow-y: auto;
-               min-height: 250px;
-               /* backdrop-filter: blur(8px) saturate(150%);
-               background-color: rgba(219, 219, 219, 0.45);
-               border: 1px solid #ececec77; */
+               min-height: 250px; /* minimum requirement */
+               flex: 1 1 auto; /* take all remaining vertical space */
+               max-height: none; /* remove hard cap */
        }
 
        .input-group {

diff --git a/frontend/src/routes/(authed)/read/+page.svelte b/frontend/src/routes/(authed)/read/+page.svelte
index 7b4032effc3baa81260f7ce0480684db55eb2625..fb18ce4c6587cf54c07c9d7246ce8aaf71001c97 100644 (file)
--- a/frontend/src/routes/(authed)/read/+page.svelte
+++ b/frontend/src/routes/(authed)/read/+page.svelte
@@ -396,7 +396,7 @@
        <Sidenav />
 </div>
 
-<div class="d-flex flex-row justify-content-between h-100">
+<div class="layout-read d-flex flex-row justify-content-between">
        <!-- shown on large Screen -->
        {#if $alwaysShowSidenav}
                <div class="sidenav p-3">
@@ -486,9 +486,22 @@
                opacity: 0.7;
        }
 
+       .layout-read {
+               height: 100%;
+               overflow: hidden;
+       }
+
        .sidenav {
                width: 380px;
                min-width: 380px;
+               overflow-y: auto; /* independent scroll */
+               max-height: 100vh; /* constrain to viewport */
+               padding-right: 0.5rem;
+               box-sizing: border-box;
+       }
+
+       #sidenav {
+               overflow-y: auto;
        }
 
        .files {
@@ -548,6 +561,8 @@
 
        #scrollArea {
                padding-right: 1rem;
+               overflow-y: auto;
+               max-height: 100vh; /* scroll area uses remaining viewport height */
        }
 
        @media (min-width: 1300px) and (max-width: 1450px) {
@@ -590,6 +605,11 @@
                .logContent {
                        flex-direction: column !important;
                }
+
+               #scrollArea {
+                       margin-top: 1rem !important;
+                       margin-bottom: 1rem !important;
+               }
        }
 
        @media (min-width: 769px) {