From c225fabbd4da9a589cb577253a847d38eeb753c0 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Sat, 18 Jul 2026 21:27:24 -0700
Subject: [PATCH] Fix clipped app tiles and soften files header hover styling

Apps tab: tile rows only budget one label line, so two-line app names
made flexbox shrink the icon box into a landscape crop and clip the
label mid-glyph. Clamp labels to a single line and exempt the icon box
from flex shrinking.

Files tab: header hover states (nav arrows, breadcrumbs, action
buttons) now use a neutral #EEE chip and no longer recolor the glyph;
nav arrows also render at full opacity when enabled.
---
 src/gui/src/css/dashboard.css | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/gui/src/css/dashboard.css b/src/gui/src/css/dashboard.css
index 692ee238c..9ce4dff06 100644
--- a/src/gui/src/css/dashboard.css
+++ b/src/gui/src/css/dashboard.css
@@ -1454,7 +1454,6 @@ body.myapps-reordering .myapps-tile {
 }
 
 .dashboard .path-btn {
-    opacity: 0.6;
     width: 28px;
     cursor: pointer;
     border-radius: 5px;
@@ -1464,9 +1463,8 @@ body.myapps-reordering .myapps-tile {
 
 @media (hover: hover) {
     .dashboard .path-btn:hover {
-        filter: invert(1) hue-rotate(180deg);
-        background-color: var(--select-color);
-        opacity: 1;
+        background-color: #EEE;
+        border-color: #EEE;
     }
 }
 
@@ -1475,10 +1473,12 @@ body.myapps-reordering .myapps-tile {
         filter: invert(1) hue-rotate(180deg);
     }
     @media (hover: hover) {
+        /* The hover chip is light (#EEE) even in dark mode, so the icon must
+           drop its dark-mode inversion to stay readable on it. */
         .path-btn:hover {
             filter: invert(0) hue-rotate(0deg);
-            background-color: var(--select-color);
-            opacity: 1;
+            background-color: #EEE;
+            border-color: #EEE;
         }
     }
 }
@@ -1513,8 +1513,8 @@ body.myapps-reordering .myapps-tile {
 
 @media (hover: hover) {
     .dashboard-section-files .header .path-action-btn:hover {
-        color: var(--dashboard-background);
-        background-color: var(--select-color);
+        background-color: #EEE;
+        border-color: #EEE;
     }
 }
 
@@ -1543,9 +1543,8 @@ body.myapps-reordering .myapps-tile {
 
 @media (hover: hover) {
     .dashboard-section-files .header .path .dirname:hover {
-        color: var(--dashboard-background);
-        background-color: var(--select-color);
-        border: 1px solid var(--select-color);
+        background-color: #EEE;
+        border-color: #EEE;
     }
 }