From b9d0b947c9fb792a181c8347273960eb58562af7 Mon Sep 17 00:00:00 2001
From: Constantin Leue <77660791+Consti3D@users.noreply.github.com>
Date: Fri, 7 Aug 2026 22:31:55 +0200
Subject: [PATCH] Give inactive mode-button text more clearance from the
 gradient

The gradient itself was fine, but the button's symmetric 24px padding
put the label too close to the fade zone on its seam side (a short
word like "Fly" left little room). Bumped padding to 38 on that side
only, leaving the outer side untouched.
---
 app/lib/ui/widgets/top_mode_bar.dart | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/lib/ui/widgets/top_mode_bar.dart b/app/lib/ui/widgets/top_mode_bar.dart
index 3026d97..a46372e 100644
--- a/app/lib/ui/widgets/top_mode_bar.dart
+++ b/app/lib/ui/widgets/top_mode_bar.dart
@@ -179,8 +179,15 @@ class _ModeButton extends StatelessWidget {
     final button = GestureDetector(
       onTap: isActive ? null : onTap,
       child: Container(
-        padding: EdgeInsets.symmetric(
-          horizontal: 24,
+        padding: EdgeInsets.only(
+          // Auf der Nahtstellenseite (zum mittleren Inhalt hin, wo der
+          // Farbverlauf transparent beginnt - siehe unten) bekommt der Text
+          // im inaktiven Zustand mehr Abstand als die uebliche 24 (Nutzer-
+          // Feedback: "der Verlauf ist perfekt aber zu nah am text") - die
+          // Aussenseite (zur Leistenkante hin) bleibt bei 24, dort liegt
+          // laengst die volle Deckkraft an.
+          left: !isActive && !isLeftButton ? 38 : 24,
+          right: !isActive && isLeftButton ? 38 : 24,
           // Inaktiv: 6 (= aktives Padding) + TopModeBar._outerPaddingV, statt
           // eines fest verdrahteten Werts - dieser Button ist roh, ohne
           // umgebendes Leisten-Padding (siehe Klassendoku), muss also selbst
@@ -193,7 +200,8 @@ class _ModeButton extends StatelessWidget {
           // Randabstand komplett wirkungslos, weil dieser Button ohnehin
           // schon der hoechste Row-Inhalt war und es dank des zu grossen
           // festen Werts blieb).
-          vertical: isActive ? 6 : 6 + TopModeBar._outerPaddingV,
+          top: isActive ? 6 : 6 + TopModeBar._outerPaddingV,
+          bottom: isActive ? 6 : 6 + TopModeBar._outerPaddingV,
         ),
         decoration: isActive
             ? null