From 262cc9f213d0a296efe2eb6f1b439659bc5897f0 Mon Sep 17 00:00:00 2001
From: Daniel <daniel@daddelolymp.de>
Date: Fri, 6 Mar 2026 19:51:04 +0100
Subject: [PATCH] Fix: Radio sidebar close + topbar layout consistency

1. FAB button (favorites star) now hidden when any panel is open.
   Previously the FAB (z-index:20) covered the panel close button
   (z-index:15), making it impossible to close the station sidebar.

2. Added margin-left:auto to radio-topbar-right so theme dots
   always stay right-aligned. Previously they sat left when no
   station was playing (missing flex:1 now-playing spacer).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/plugins/radio/RadioTab.tsx | 18 ++++++++++--------
 web/src/styles.css                 |  1 +
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/web/src/plugins/radio/RadioTab.tsx b/web/src/plugins/radio/RadioTab.tsx
index 87a50b7..728ec4f 100644
--- a/web/src/plugins/radio/RadioTab.tsx
+++ b/web/src/plugins/radio/RadioTab.tsx
@@ -537,14 +537,16 @@ export default function RadioTab({ data }: { data: any }) {
           )}
         </div>
 
-        {/* ── Favorites toggle ── */}
-        <button
-          className={`radio-fab ${showFavorites ? 'active' : ''}`}
-          onClick={() => { setShowFavorites(!showFavorites); if (!showFavorites) setSelectedPlace(null); }}
-          title="Favoriten"
-        >
-          {'\u2B50'}{favorites.length > 0 && <span className="radio-fab-badge">{favorites.length}</span>}
-        </button>
+        {/* ── Favorites toggle (hidden when any panel is open) ── */}
+        {!selectedPlace && !showFavorites && (
+          <button
+            className="radio-fab"
+            onClick={() => { setShowFavorites(true); setSelectedPlace(null); }}
+            title="Favoriten"
+          >
+            {'\u2B50'}{favorites.length > 0 && <span className="radio-fab-badge">{favorites.length}</span>}
+          </button>
+        )}
 
         {/* ── Side Panel: Favorites ── */}
         {showFavorites && (
diff --git a/web/src/styles.css b/web/src/styles.css
index b40b5f0..b472759 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -462,6 +462,7 @@ html, body {
   align-items: center;
   gap: 6px;
   flex-shrink: 0;
+  margin-left: auto;
 }
 
 .radio-topbar-stop {