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,13 +51,11 @@
   </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>
+<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>
 
   <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">
+            <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="col-md-6">
-                <button type="button" id="save-active-year" class="btn btn-warning w-100">Appliquer l’année</button>
-              </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,19 +111,15 @@
             <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">
+              <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="[email protected]" 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>
+              <div class="d-flex justify-content-end">
+                <button type="submit" class="btn btn-danger">Reset</button>
               </div>
             </form>
           </div>