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

@@ -537,14 +537,16 @@ export default function RadioTab({ data }: { data: any }) {
           )}
         </div>
 
-        {/* ── Favorites toggle ── */}
+        {/* ── Favorites toggle (hidden when any panel is open) ── */}
-        <button
+        {!selectedPlace && !showFavorites && (
-          className={`radio-fab ${showFavorites ? 'active' : ''}`}
+          <button
-          onClick={() => { setShowFavorites(!showFavorites); if (!showFavorites) setSelectedPlace(null); }}
+            className="radio-fab"
-          title="Favoriten"
+            onClick={() => { setShowFavorites(true); setSelectedPlace(null); }}
-        >
+            title="Favoriten"
-          {'\u2B50'}{favorites.length > 0 && <span className="radio-fab-badge">{favorites.length}</span>}
+          >
-        </button>
+            {'\u2B50'}{favorites.length > 0 && <span className="radio-fab-badge">{favorites.length}</span>}
+          </button>
+        )}
 
         {/* ── Side Panel: Favorites ── */}
         {showFavorites && (

web/src/styles.css

@@ -462,6 +462,7 @@ html, body {
   align-items: center;
   gap: 6px;
   flex-shrink: 0;
+  margin-left: auto;
 }
 
 .radio-topbar-stop {