From d0bab96d0e4757789729f4878a94b46afe4457db Mon Sep 17 00:00:00 2001
From: Cedric <cedric.chagnaud@gmail.com>
Date: Mon, 22 Jun 2026 14:58:50 +0200
Subject: [PATCH] Actualiser admin/dashboard.html

---
 admin/dashboard.html | 33 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/admin/dashboard.html b/admin/dashboard.html
index be39aa1..fe382b1 100644
--- a/admin/dashboard.html
+++ b/admin/dashboard.html
@@ -98,7 +98,6 @@
         <div id="pagination-container" class="pagination"></div>
     </div>
 
- <!-- MODALE CONFIGURATION -->
 <div class="overlay" id="config-modal">
     <div class="modal">
         <button class="modal-close" onclick="closeConfigModal()">
@@ -111,24 +110,24 @@
         </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="Pour les critiques (réalisateur, streaming)">
-            </div>
-             <div class="import-section">
-                <h3><i class="ti ti-database-import"></i> <span id="import-title">Importer des données</span></h3>
-                <p id="import-desc">Sélectionnez vos fichiers CSV pour commencer l'importation.</p>
-                <label class="import-box" for="csv-file">
-                    <i class="ti ti-cloud-upload"></i>
-                    <p><strong>Cliquez pour sélectionner vos fichiers CSV</strong></p>
-                    <p>Le système détectera automatiquement le format selon l'onglet actif.</p>
-                    <input type="file" id="csv-file" accept=".csv" multiple hidden>
-                </label>
-            </div>
+        <div class="form-group" style="margin-bottom: 1.5rem;">
+            <label>Clé API TMDB</label>
+            <input type="text" id="tmdb-key-input" placeholder="Pour les critiques (réalisateur, streaming)">
         </div>
         
-        <div style="margin-top: 1.5rem; display: flex; gap: 1rem; justify-content: flex-end;">
+        <!-- Zone d'import - Séparée et bien structurée -->
+        <div class="import-section" style="margin: 2rem 0;">
+            <h3><i class="ti ti-database-import"></i> <span id="import-title">Importer Critiques & Notes</span></h3>
+            <p id="import-desc">Sélectionnez vos fichiers "ratings.csv" et "reviews.csv" (Letterboxd).</p>
+            <label class="import-box" for="csv-file">
+                <i class="ti ti-cloud-upload"></i>
+                <p><strong>Cliquez pour sélectionner vos fichiers CSV</strong></p>
+                <p>Le système détectera automatiquement le format selon l'onglet actif.</p>
+                <input type="file" id="csv-file" accept=".csv" multiple hidden>
+            </label>
+        </div>
+        
+        <div style="display: flex; gap: 1rem; justify-content: flex-end; margin-top: 1.5rem;">
             <button class="btn-action outline" onclick="closeConfigModal()">Annuler</button>
             <button class="btn-action primary" onclick="saveConfigKeys()">Sauvegarder</button>
         </div>