From cabe89476f827e7a4dab734dd3f0256dc438321b Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Sun, 17 May 2026 20:24:38 +0100
Subject: [PATCH] fix(ui): constrain mobile folder home layout

Reserve space for the absolute homepage controls on narrow screens so the language selector no longer overlaps the CodeNomad logo.

Apply the existing actions-column height constraint to the recent folder panel across viewport sizes so mobile lists scroll instead of expanding beyond the browse/actions section.

Validated with npm run typecheck --workspace @codenomad/ui.
---
 packages/ui/src/styles/components/folder-home.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/styles/components/folder-home.css b/packages/ui/src/styles/components/folder-home.css
index df8b7edb..a62fcbe2 100644
--- a/packages/ui/src/styles/components/folder-home.css
+++ b/packages/ui/src/styles/components/folder-home.css
@@ -9,6 +9,12 @@
   min-height: 100%;
 }
 
+@media (max-width: 639px) {
+  .folder-home-shell {
+    padding-top: 3.5rem;
+  }
+}
+
 .folder-home-hero {
   margin-bottom: 1.5rem;
 }
@@ -36,6 +42,8 @@
 
 .folder-home-list-panel {
   min-height: 16rem;
+  height: var(--folder-home-actions-height, auto);
+  max-height: var(--folder-home-actions-height, none);
 }
 
 @media (min-width: 1024px) {
@@ -50,10 +58,6 @@
     min-width: 0;
   }
 
-  .folder-home-list-panel {
-    height: var(--folder-home-actions-height, auto);
-    max-height: var(--folder-home-actions-height, none);
-  }
 }
 
 @media (min-width: 640px) and (min-height: 721px) {