From 70947da1291aa7f56a13fedb6c600750f919463f Mon Sep 17 00:00:00 2001
From: Jokin <jokingam@tuta.io>
Date: Sat, 11 Jul 2026 19:12:36 +0200
Subject: [PATCH] Text size setting also scales row height and path-bar
 controls

--row-h and --path-ctl-h CSS vars per size level; Compact brings the path
input/buttons to 24px, aligned with the panel action buttons.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 ui/src/app/file-panel/file-panel.html |  8 ++++----
 ui/src/styles.css                     | 10 +++++++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/ui/src/app/file-panel/file-panel.html b/ui/src/app/file-panel/file-panel.html
index 8ba3a47..c8b7375 100644
--- a/ui/src/app/file-panel/file-panel.html
+++ b/ui/src/app/file-panel/file-panel.html
@@ -133,7 +133,7 @@
   <button
     (click)="panel().up()"
     title="Parent directory (Backspace)"
-    class="grid size-7 place-items-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground"
+    class="grid size-(--path-ctl-h) shrink-0 place-items-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground"
   >
     <ng-icon name="mynaArrowUp" size="1rem" />
   </button>
@@ -144,12 +144,12 @@
     (keydown.escape)="resetPath()"
     (keydown)="$event.stopPropagation()"
     spellcheck="false"
-    class="h-7 min-w-0 flex-1 rounded-md border border-input bg-transparent px-2 font-mono text-(length:--path-font) outline-none focus:ring-2 focus:ring-ring"
+    class="h-(--path-ctl-h) min-w-0 flex-1 rounded-md border border-input bg-transparent px-2 font-mono text-(length:--path-font) outline-none focus:ring-2 focus:ring-ring"
   />
   <button
     (click)="panel().refresh()"
     title="Refresh"
-    class="grid size-7 place-items-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground"
+    class="grid size-(--path-ctl-h) shrink-0 place-items-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground"
   >
     @if (panel().loading()) {
       <ng-icon name="mynaSpinner" size="1rem" class="animate-spin" />
@@ -187,7 +187,7 @@
       [attr.data-index]="i"
       (click)="rowClick($event, i)"
       (dblclick)="openAt(i)"
-      class="grid h-7 grid-cols-[minmax(0,1fr)_5.5rem_8.5rem] items-center text-(length:--list-font)"
+      class="grid h-(--row-h) grid-cols-[minmax(0,1fr)_5.5rem_8.5rem] items-center text-(length:--list-font)"
       [class.bg-accent]="i === panel().cursor() && !isSelected(entry)"
       [class.bg-primary/15]="isSelected(entry)"
       [class.ring-1]="i === panel().cursor() && isActive()"
diff --git a/ui/src/styles.css b/ui/src/styles.css
index 2471c45..be037e5 100644
--- a/ui/src/styles.css
+++ b/ui/src/styles.css
@@ -100,21 +100,29 @@
   --radius-lg: var(--radius);
 }
 
-/* Text-size setting for the path bar + file list (data-text set by SettingsService). */
+/* Text-size setting for the path bar + file list (data-text set by SettingsService).
+   Also scales row height and the path-bar controls — compact matches the 24px
+   panel action buttons. */
 :root {
   --list-font: 13px;
   --list-meta-font: 12px;
   --path-font: 12px;
+  --row-h: 28px;
+  --path-ctl-h: 28px;
 }
 :root[data-text='compact'] {
   --list-font: 12px;
   --list-meta-font: 11px;
   --path-font: 11px;
+  --row-h: 24px;
+  --path-ctl-h: 24px;
 }
 :root[data-text='large'] {
   --list-font: 14px;
   --list-meta-font: 13px;
   --path-font: 13px;
+  --row-h: 32px;
+  --path-ctl-h: 32px;
 }
 
 html,