From 232f88d61a81b02180f59b85327c9b62519f0462 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Sat, 20 Dec 2025 23:28:42 +0000
Subject: [PATCH] Refactor: Improve admin page layout and responsiveness

Co-authored-by: mathieumoran1 <mathieumoran1@gmail.com>
---
 public/control.html | 48 +++++++++++++++++++--------------------------
 1 file changed, 20 insertions(+), 28 deletions(-)

diff --git a/public/control.html b/public/control.html
index c7be074..4669ddf 100644
--- a/public/control.html
+++ b/public/control.html
@@ -29,7 +29,7 @@
 <body class="bg-light">
 
 <nav class="navbar navbar-expand-lg navbar-custom">
-  <div class="container-fluid px-3 px-lg-4">
+  <div class="container">
     <a class="navbar-brand" style="margin-left: -7px;">
       <img src="img/logo_w.png" style="max-width: 220px; height: 70px; object-fit: contain;">
     </a>
@@ -51,12 +51,10 @@
   </div>
 </nav>
 
-<div class="container-fluid px-3 px-lg-4 py-4">
-  <div class="d-flex flex-wrap align-items-end justify-content-between gap-2 mb-3">
-    <div>
-      <h2 class="mb-0">Admin</h2>
-      <div class="text-muted">Paramètres, utilisateurs et gestion des films.</div>
-    </div>
+<div class="container mt-5">
+  <div class="mb-3">
+    <h2 class="mb-0">Admin</h2>
+    <div class="text-muted">Paramètres, utilisateurs et gestion des films.</div>
   </div>
 
   <div id="response" class="alert d-none" role="alert"></div>
@@ -88,15 +86,13 @@
             <p class="text-muted mb-3">
               Cette année pilote tout le site (films affichés, checklist et statistiques).
             </p>
-            <div class="row g-2 align-items-end">
-              <div class="col-md-6">
-                <label for="active_oscar_year" class="form-label">Année active</label>
-                <input type="number" class="form-control" id="active_oscar_year" placeholder="2026" min="1900" max="3000">
-                <div class="form-text">Ex: mets 2025 → tout le monde voit les stats/films 2025.</div>
-              </div>
-              <div class="col-md-6">
-                <button type="button" id="save-active-year" class="btn btn-warning w-100">Appliquer l’année</button>
-              </div>
+            <div class="mb-3">
+              <label for="active_oscar_year" class="form-label">Année active</label>
+              <input type="number" class="form-control" id="active_oscar_year" placeholder="2026" min="1900" max="3000">
+              <div class="form-text">Ex: mets 2025 → tout le monde voit les stats/films 2025.</div>
+            </div>
+            <div class="d-flex justify-content-end">
+              <button type="button" id="save-active-year" class="btn btn-warning">Appliquer l’année</button>
             </div>
           </div>
         </div>
@@ -115,20 +111,16 @@
             <div id="user-reset-response" class="alert d-none" role="alert"></div>
 
             <form id="reset-user-password-form">
-              <div class="row g-2 align-items-end">
-                <div class="col-md-8">
-                  <label for="reset_user_email" class="form-label">Email utilisateur</label>
-                  <input type="email" class="form-control" id="reset_user_email" placeholder="user@email.com" required>
-                </div>
-                <div class="col-md-4">
-                  <button type="submit" class="btn btn-danger w-100">Reset</button>
-                </div>
-                <div class="col-12">
-                  <div class="form-text">
-                    Important: le mot de passe temporaire est affiché une seule fois ici. Copie-le et envoie-le à l'utilisateur.
-                  </div>
+              <div class="mb-3">
+                <label for="reset_user_email" class="form-label">Email utilisateur</label>
+                <input type="email" class="form-control" id="reset_user_email" placeholder="user@email.com" required>
+                <div class="form-text">
+                  Important: le mot de passe temporaire est affiché une seule fois ici. Copie-le et envoie-le à l'utilisateur.
                 </div>
               </div>
+              <div class="d-flex justify-content-end">
+                <button type="submit" class="btn btn-danger">Reset</button>
+              </div>
             </form>
           </div>
         </div>
-- 
2.54.0