From eedf012f46d4a28ef70554c10178040af658cec5 Mon Sep 17 00:00:00 2001
From: Terranom674 <thomas_dannenberg@web.de>
Date: Sun, 16 Aug 2026 15:32:07 +0200
Subject: [PATCH] Align selection UI with Bootstrap toolbar and compact
 responsive layout

---
 css/public_selection.css | 29 ++++++-----------------------
 1 file changed, 6 insertions(+), 23 deletions(-)

diff --git a/css/public_selection.css b/css/public_selection.css
index a4f1aa2..4a2cd23 100644
--- a/css/public_selection.css
+++ b/css/public_selection.css
@@ -1,20 +1,3 @@
-#bratonien-selection-toggle {
-  display:inline-flex;
-  align-items:center;
-  justify-content:center;
-  vertical-align:middle;
-  line-height:1;
-}
-
-#bratonien-selection-toggle .pwg-icon {
-  display:inline-flex;
-  align-items:center;
-  justify-content:center;
-  line-height:1;
-  vertical-align:middle;
-  transform:none;
-}
-
 #bratonien-selection-toggle.active {
   color:#f0a646;
 }
@@ -29,9 +12,9 @@
   align-items:center;
   justify-content:flex-end;
   box-sizing:border-box;
-  width:calc(100% - 1rem);
-  max-width:100%;
-  margin:.35rem .5rem .75rem;
+  width:fit-content;
+  max-width:calc(100% - 1rem);
+  margin:.35rem .5rem .75rem auto;
   padding:.45rem .55rem;
   border:1px solid rgba(255,255,255,.16);
   border-radius:.4rem;
@@ -40,7 +23,6 @@
 }
 
 .bratonien-selection-status {
-  margin-right:auto;
   padding:0 .35rem;
   white-space:nowrap;
   color:#d7d7d7;
@@ -137,13 +119,14 @@
 
 @media (max-width:760px) {
   .bratonien-selection-bar {
+    width:calc(100% - 1rem);
+    max-width:none;
+    margin:.35rem .5rem .75rem;
     align-items:stretch;
-    justify-content:stretch;
   }
 
   .bratonien-selection-status {
     width:100%;
-    margin-right:0;
     padding:.1rem .2rem;
   }