From 1a48893090677f03b06420052ea70e4a48aaf566 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sat, 9 Aug 2025 01:44:57 +0200
Subject: [PATCH] =?UTF-8?q?UI:=20Badge=20'Ausgew=C3=A4hlt'=20an=20Button-G?=
 =?UTF-8?q?r=C3=B6=C3=9Fe=20angepasst=20(Padding,=20Border,=20Hintergrund,?=
 =?UTF-8?q?=20Font)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/styles.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/src/styles.css b/web/src/styles.css
index ed3cfe9..171b293 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -350,7 +350,19 @@ header p {
   letter-spacing: 1px;
   line-height: 1;
 }
-.badge { align-self: flex-start; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); padding: 6px 10px; border-radius: 999px; font-size: 13px; }
+.badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 12px; /* wie .tab */
+  border-radius: 999px;
+  border: 1px solid rgba(255,255,255,.25);
+  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
+  color: #e7e7ee;
+  font-size: .875rem; /* 14px */
+  font-weight: 600;
+  line-height: 1;
+}
 
 .controls { display: grid; grid-template-columns: 1fr minmax(240px, 320px) 260px 200px; gap: 12px; align-items: center; margin-bottom: 12px; }
 .controls.row1 { z-index: 5000; }