From 774f6cf7524daf62830da22010ef0169c8263867 Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@gmail.com>
Date: Mon, 29 Dec 2025 23:42:58 +0100
Subject: [PATCH] imp gui

---
 index.html          | 26 ++++++++++++--------------
 js/firebase/auth.js |  9 ---------
 styles.css          | 22 ++++++++++++++++------
 3 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/index.html b/index.html
index 030e327..5b88632 100644
--- a/index.html
+++ b/index.html
@@ -358,15 +358,17 @@
                                 <span class="label">Firebase Configuration</span>
                                 <span class="description">Manage your database connection.</span>
                             </div>
-                            <div class="firebase-settings-wrapper">
+                            <div>
                                 <button id="toggle-firebase-config-btn" class="btn-secondary">Advanced: Custom Configuration</button>
-                                <div id="custom-firebase-config-container" class="custom-firebase-config">
-                                    <p class="config-help-text">Default shared instance is active. <a href="firebase-setup.md" target="_blank" class="text-link">Override below only if needed.</a></p>
-                                    <textarea id="firebase-config-input" class="template-input" rows="5" placeholder='{ "apiKey": "...", "authDomain": "...", ... }'></textarea>
-                                    <div class="firebase-controls-container">
-                                        <button id="save-firebase-config-btn" class="btn-secondary">Save & Reload</button>
-                                        <button id="share-firebase-config-btn" class="btn-secondary">Share</button>
-                                        <button id="clear-firebase-config-btn" class="btn-secondary danger">Clear Config</button>
+                                <div class="firebase-settings-wrapper">
+                                    <div id="custom-firebase-config-container" class="custom-firebase-config">
+                                        <p class="config-help-text">Default shared instance is active. <a href="firebase-setup.md" target="_blank" class="text-link">Override below only if needed.</a></p>
+                                        <textarea id="firebase-config-input" class="template-input" rows="5" placeholder='{ "apiKey": "...", "authDomain": "...", ... }'></textarea>
+                                        <div class="firebase-controls-container">
+                                            <button id="save-firebase-config-btn" class="btn-secondary">Save & Reload</button>
+                                            <button id="share-firebase-config-btn" class="btn-secondary">Share</button>
+                                            <button id="clear-firebase-config-btn" class="btn-secondary danger">Clear Config</button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -376,14 +378,10 @@
                             <div class="info">
                                 <span class="label">Sync & Backup (Beta)</span>
                                 <span class="description" id="firebase-status">Sync your library across devices</span>
-                                <div style="display: flex; gap: 0.5rem; margin-top: 0.5rem; align-items: center;">
-                                    <img id="firebase-user-avatar" src="" style="width: 24px; height: 24px; border-radius: 50%; display: none;" onerror="this.style.display='none'" onload="this.style.display='block'">
-                                    <span id="firebase-user-name" style="font-size: 0.85rem; color: var(--foreground);"></span>
-                                </div>
                             </div>
-                            <div id="firebase-controls">
+                            <div style="display: flex; gap: 0.5rem;">
                                 <button id="firebase-connect-btn" class="btn-secondary">Connect with Google</button>
-                                <button id="firebase-clear-cloud-btn" class="btn-secondary danger" style="display: none; margin-top: 0.5rem;">Clear Cloud Data</button>
+                                <button id="firebase-clear-cloud-btn" class="btn-secondary danger">Clear Cloud Data</button>
                             </div>
                         </div>
                     </div>
diff --git a/js/firebase/auth.js b/js/firebase/auth.js
index f7fca2c..e13994d 100644
--- a/js/firebase/auth.js
+++ b/js/firebase/auth.js
@@ -60,8 +60,6 @@ export class AuthManager {
         const connectBtn = document.getElementById('firebase-connect-btn');
         const clearDataBtn = document.getElementById('firebase-clear-cloud-btn');
         const statusText = document.getElementById('firebase-status');
-        const userAvatar = document.getElementById('firebase-user-avatar');
-        const userName = document.getElementById('firebase-user-name');
         const container = document.getElementById('firebase-controls');
 
         if (!connectBtn) return; // UI might not be rendered yet
@@ -74,10 +72,6 @@ export class AuthManager {
             if (clearDataBtn) clearDataBtn.style.display = 'block';
 
             if (statusText) statusText.textContent = `Signed in as ${user.email}`;
-            
-            // Optional: Show user info if elements exist
-            if (userAvatar && user.photoURL) userAvatar.src = user.photoURL;
-            if (userName) userName.textContent = user.displayName;
 
         } else {
             connectBtn.textContent = 'Connect with Google';
@@ -87,9 +81,6 @@ export class AuthManager {
             if (clearDataBtn) clearDataBtn.style.display = 'none';
 
             if (statusText) statusText.textContent = 'Sync your library across devices';
-            
-            if (userAvatar) userAvatar.src = ''; // Placeholder or clear
-            if (userName) userName.textContent = '';
         }
     }
 }
diff --git a/styles.css b/styles.css
index d065865..8653976 100644
--- a/styles.css
+++ b/styles.css
@@ -2769,8 +2769,22 @@ input:checked + .slider::before {
         min-width: 36px;
     }
 
+    .card:hover {
+        transform: none !important;
+    }
+
     .card-like-btn {
-        opacity: 1;
+        opacity: 1 !important;
+        top: -0.25em !important;
+        right: -0.25em !important;
+        transform: none !important;
+    }
+
+    .card-play-btn {
+        opacity: 1 !important;
+        bottom: -0.25em !important;
+        right: -0.25em !important;
+        transform: none !important;
     }
 }
 
@@ -2781,7 +2795,7 @@ input:checked + .slider::before {
 
     .main-content,
     .sidebar {
-        padding-top: max(1.5rem, env(safe-area-inset-top));
+        padding-top: max(var(--spacing-md), env(safe-area-inset-top));
     }
 }
 /* Lyrics Panel */
@@ -3229,7 +3243,6 @@ img:not([src]), img[src=''] {
     gap: 0.5rem;
     width: 100%;
     max-width: 400px;
-    align-items: flex-end;
 }
 
 .custom-firebase-config {
@@ -3250,9 +3263,6 @@ img:not([src]), img[src=''] {
     margin-bottom: 0.25rem;
 }
 
-#firebase-controls {
-    text-align: end;
-}
 .firebase-controls-container {
     display: flex;
     gap: 0.5rem;