From 778a19e28b7950d35c9f9d17745c4cbbf03de8f7 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sat, 9 Aug 2025 15:46:12 +0200
Subject: [PATCH] =?UTF-8?q?Nightly:=20Fehler-=20und=20Erfolgsmeldungen=20?=
 =?UTF-8?q?=C3=BCber=20die=20Filter/Tabs=20verschoben?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 2a9d1e2..7daedf3 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -418,6 +418,9 @@ export default function App() {
           </div>
         </div>
 
+        {error && <div className="error mb-4">{error}</div>}
+        {info && <div className="badge mb-4" style={{ background:'rgba(34,197,94,.18)', borderColor:'rgba(34,197,94,.35)' }}>{info}</div>}
+
         <div className="bg-transparent mb-8">
           <div className="flex flex-wrap gap-3 text-sm">
             <button className={`tag-btn ${activeFolder==='__favs__'?'active':''}`} onClick={()=>setActiveFolder('__favs__')}>Favoriten ({favCount})</button>
@@ -440,9 +443,6 @@ export default function App() {
           </div>
         </div>
 
-        {error && <div className="error">{error}</div>}
-        {info && <div className="badge" style={{ background:'rgba(34,197,94,.18)', borderColor:'rgba(34,197,94,.35)' }}>{info}</div>}
-
         <main className="sounds-flow">
           {(activeFolder === '__favs__' ? filtered.filter((s) => !!favs[s.relativePath ?? s.fileName]) : filtered).map((s) => {
             const key = `${s.relativePath ?? s.fileName}`;