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

@@ -179,8 +179,15 @@ class _ModeButton extends StatelessWidget {
     final button = GestureDetector(
       onTap: isActive ? null : onTap,
       child: Container(
-        padding: EdgeInsets.symmetric(
+        padding: EdgeInsets.only(
-          horizontal: 24,
+          // 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