From f60f5669fce0a122bc1c94235eb9c074589ce31f Mon Sep 17 00:00:00 2001
From: Dicken <webmaster@sermerpartydorf.de>
Date: Thu, 18 Jun 2026 18:49:25 +0200
Subject: [PATCH] fix: Herzen einheitlich rot, Admin-Hinweis auf
 Favoriten-Startseite

---
 frontend/src/tools/media.jsx | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/frontend/src/tools/media.jsx b/frontend/src/tools/media.jsx
index afd068a..4936cc1 100644
--- a/frontend/src/tools/media.jsx
+++ b/frontend/src/tools/media.jsx
@@ -227,7 +227,8 @@ function MovieCard({ movie, favIds, hasXrel, onToggleFav, onOpenModal }) {
           position:'absolute', top:5, right:5, background:'rgba(0,0,0,0.65)',
           border:'none', borderRadius:'50%', width:30, height:30, cursor:'pointer',
           fontSize:14, display:'flex', alignItems:'center', justifyContent:'center',
-        }}>{isFav ? '❤' : '🤍'}</button>
+          color: isFav ? '#f87171' : 'rgba(248,113,113,0.5)',
+        }}>{isFav ? '❤' : '♡'}</button>
       </div>
       <div style={{ padding:'8px 10px', flex:1, display:'flex', flexDirection:'column', gap:3 }}
            onClick={() => onOpenModal({ id: movie.id, media_type: movie.media_type || 'movie' })}>
@@ -741,18 +742,26 @@ function FavoritenKalender({ onOpenModal }) {
   return (
     <div style={{ display:'flex', flexDirection:'column', gap:24 }}>
       {isAdmin && (
-        <button onClick={()=>setAdminTab(true)}
-          style={{marginBottom:4,background:'rgba(255,255,255,0.05)',border:'1px solid rgba(255,255,255,0.1)',
-            borderRadius:7,padding:'5px 12px',color:'rgba(255,255,255,0.5)',fontFamily:'monospace',fontSize:11,cursor:'pointer',
-            display:'flex',alignItems:'center',gap:6,width:'fit-content'}}>
-          👥 Alle Favoriten ({allFavs.length})
+        <div style={{display:'flex',flexDirection:'column',gap:6,marginBottom:4}}>
           {allFavs.filter(f=>!f.acknowledged).length > 0 && (
-            <span style={{background:'rgba(245,158,11,0.2)',border:'1px solid rgba(245,158,11,0.4)',
-              borderRadius:10,padding:'1px 7px',color:'#f59e0b',fontSize:9}}>
-              {allFavs.filter(f=>!f.acknowledged).length} neu
-            </span>
+            <div style={{background:'rgba(245,158,11,0.1)',border:'1px solid rgba(245,158,11,0.4)',
+              borderRadius:8,padding:'8px 12px',color:'#f59e0b',fontFamily:'monospace',fontSize:11,
+              display:'flex',alignItems:'center',gap:8}}>
+              ⚠ {allFavs.filter(f=>!f.acknowledged).length} unquittierte Favoriten
+              <button onClick={()=>setAdminTab(true)}
+                style={{background:'rgba(245,158,11,0.2)',border:'1px solid rgba(245,158,11,0.4)',
+                  borderRadius:6,padding:'2px 10px',color:'#f59e0b',fontFamily:'monospace',fontSize:10,cursor:'pointer'}}>
+                → Ansehen
+              </button>
+            </div>
           )}
-        </button>
+          <button onClick={()=>setAdminTab(true)}
+            style={{background:'rgba(255,255,255,0.05)',border:'1px solid rgba(255,255,255,0.1)',
+              borderRadius:7,padding:'5px 12px',color:'rgba(255,255,255,0.5)',fontFamily:'monospace',fontSize:11,cursor:'pointer',
+              display:'flex',alignItems:'center',gap:6,width:'fit-content'}}>
+            👥 Alle Favoriten ({allFavs.length})
+          </button>
+        </div>
       )}
       {filmeFavs.length > 0 && (
         <CollapsibleSection label="🎬 FILME" count={filmeFavs.length}>