Actualiser admin/dashboard.html

admin/dashboard.html

@@ -98,14 +98,23 @@
         <div id="pagination-container" class="pagination"></div>
     </div>
 
-    <div class="overlay" id="config-modal">
+    <!-- MODALE DE CONFIGURATION -->
+<div class="overlay" id="config-modal">
     <div class="modal">
-            <button class="modal-close" onclick="closeConfigModal()"><i class="ti ti-x"></i></button>
-            <h2 class="modal-h"><i class="ti ti-settings"></i> Configuration</h2>
+        <button class="modal-close" onclick="closeConfigModal()">
+            <i class="ti ti-x"></i>
+        </button>
+        
+        <h2 class="modal-h">
+            <i class="ti ti-settings"></i>
+            Configuration
+        </h2>
+        
+        <!-- Clés API -->
         <div class="form-grid">
             <div class="form-group" style="grid-column: span 2;">
                 <label>Clé API TMDB</label>
-                    <input type="text" id="tmdb-key-input" placeholder="Utilisée pour les critiques (réalisateur, streaming)">
+                <input type="text" id="tmdb-key-input" placeholder="Pour les critiques (réalisateur, streaming)">
             </div>
             <div class="form-group" style="grid-column: span 2;">
                 <label>Clé API EAN-Search</label>
@@ -116,21 +125,29 @@
                 <input type="text" id="barcode-lookup-key-input" placeholder="Recherche par code-barres (Vidéothèque)">
             </div>
         </div>
+        
         <div style="margin-top: 1.5rem; display: flex; gap: 1rem; justify-content: flex-end;">
             <button class="btn-action outline" onclick="closeConfigModal()">Annuler</button>
             <button class="btn-action primary" onclick="saveConfigKeys()">Sauvegarder</button>
         </div>
         
+        <!-- Zone d'import CSV -->
         <hr class="divider">
-            <h3 style="font-size: 1rem; margin-bottom: 1rem; color: var(--text);">Importer un CSV</h3>
+        <h3 style="font-size: 1rem; margin: 1.5rem 0 1rem; color: var(--text);">
+            <i class="ti ti-file-upload" style="color: var(--gold);"></i>
+            Importer un CSV
+        </h3>
+        
         <label class="import-box" for="csv-file">
             <i class="ti ti-file-upload"></i>
             <p><strong>Cliquez ou déposez votre CSV</strong></p>
-                <p style="color: var(--muted); font-size: 0.8rem;">Les jaquettes seront recherchées via EAN/UPC</p>
+            <p style="color: var(--muted); font-size: 0.85rem;">
+                Les jaquettes seront recherchées via EAN/UPC
+            </p>
         </label>
         <input type="file" id="csv-file" accept=".csv" style="display: none;">
     </div>
-    </div>
+</div>
 
     <div class="overlay" id="config-modal">
         <div class="modal">