fix: balance session browser layout

Author: ymkiux

tests/unit/compact-layout-ui.test.mjs

@@ -62,7 +62,7 @@ test('styles keep desktop layout wide and session history readable on large scre
     assert.match(styles, /\.session-layout\s*\{[\s\S]*grid-template-columns:\s*minmax\(260px,\s*360px\)\s*minmax\(0,\s*1fr\);/);
     assert.match(styles, /\.session-preview-scroll\s*\{[\s\S]*padding-right:\s*52px;/);
     assert.match(styles, /\.session-timeline\s*\{[\s\S]*right:\s*4px;[\s\S]*width:\s*44px;/);
-    assert.match(styles, /\.session-item\s*\{[\s\S]*min-height:\s*102px;/);
+    assert.match(styles, /\.session-item\s*\{[\s\S]*min-height:\s*80px;/);
 
     const html = readBundledWebUiHtml();
     assert.match(html, /class="brand-logo"\s+src="\/res\/logo\.png"/);

web-ui/styles/sessions-list.css

@@ -142,7 +142,7 @@
     gap: var(--spacing-sm);
     align-items: start;
     height: min(72vh, 760px);
-    min-height: 520px;
+    min-height: 360px;
 }
 
 .session-layout.session-standalone {
@@ -205,9 +205,9 @@
     min-width: 0;
     position: relative;
     overflow: hidden;
-    min-height: 102px;
+    min-height: 80px;
     content-visibility: auto;
-    contain-intrinsic-size: 102px;
+    contain-intrinsic-size: 80px;
 }
 
 .session-item-header {