From d5d72424a9a0b378dcb27035fb037b7e5f19f1ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 19 May 2026 10:08:34 +0200
Subject: [PATCH] Reduce inline padding for large tab navigation on small
 viewports

---
 semantic-tokens-components.html | 2 +-
 styleguide.css                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/semantic-tokens-components.html b/semantic-tokens-components.html
index c318213..31d29ba 100644
--- a/semantic-tokens-components.html
+++ b/semantic-tokens-components.html
@@ -80,7 +80,7 @@
       <tr><td>surface-tab-compact-unselected</td><td>color-medium-grey</td><td>Fläche nicht aktiver Tabs in der kompakten Variante.</td></tr>
       <tr><td>text-tab-selected</td><td>color-font-light</td><td>Textfarbe des ausgewählten Tabs.</td></tr>
       <tr><td>text-tab-unselected</td><td>color-dark-grey</td><td>Textfarbe nicht ausgewählter Tabs.</td></tr>
-      <tr><td>layout-tab-navigation-large-padding-inline</td><td>interaction-padding-horizontal</td><td>Horizontaler Innenabstand für große Tab-Navigationen.</td></tr>
+      <tr><td>layout-tab-navigation-large-padding-inline</td><td>interaction-padding-horizontal</td><td>Horizontaler Innenabstand für große Tab-Navigationen (auf kleinen Viewports reduziert).</td></tr>
     </tbody></table>
 
     <h3 class="sg-sub-heading sg-section-h3">Form Controls</h3>
diff --git a/styleguide.css b/styleguide.css
index c10895c..ad09ae6 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -262,7 +262,7 @@ body {
 
 @media (max-width: 48rem) {
   :root {
-    --layout-tab-navigation-large-padding-inline: 0.8rem;
+    --layout-tab-navigation-large-padding-inline: 0.7rem;
   }
 
   body {