From a524650b5e51f0c79628e1d07ed2f24d0f31fb8c Mon Sep 17 00:00:00 2001
From: Mathieu Moran <mathieumoran1@gmail.com>
Date: Sun, 1 Feb 2026 22:37:02 -0500
Subject: [PATCH] Fix Admin button active state and update Movies page title

---
 public/css/app.css      | 44 +++++++++++++++++++++++++++++++++++++++++
 public/js/app_movies.js |  2 +-
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/public/css/app.css b/public/css/app.css
index 00ff92f..7541196 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -833,23 +833,67 @@ body.i18n-ready .navbar .btn {
     color: #fff;
   }
 
+  /* Override btn-warning for active state */
+  .navbar-custom .navbar-nav #admin-control-link.is-current {
+    background: rgba(255, 255, 255, 0.16) !important;
+    border-color: rgba(255, 255, 255, 0.55) !important;
+  }
+
   .navbar-custom .navbar-nav .nav-link.btn.is-current:hover {
     background: rgba(255, 255, 255, 0.22);
     border-color: rgba(255, 255, 255, 0.65);
     color: #fff;
   }
 
+  /* Override btn-warning hover state */
+  .navbar-custom .navbar-nav #admin-control-link.is-current:hover {
+    background: rgba(255, 255, 255, 0.22) !important;
+    border-color: rgba(255, 255, 255, 0.65) !important;
+  }
+
+  /* Admin button current state in light mode - override btn-warning */
+  .navbar-custom .navbar-nav #admin-control-link.btn-warning.is-current,
+  .navbar-custom .navbar-nav #admin-control-link.btn-warning.is-current:focus {
+    background: rgba(255, 255, 255, 0.16) !important;
+    border-color: rgba(255, 255, 255, 0.55) !important;
+  }
+
+  .navbar-custom .navbar-nav #admin-control-link.btn-warning.is-current:hover,
+  .navbar-custom .navbar-nav #admin-control-link.btn-warning.is-current:active {
+    background: rgba(255, 255, 255, 0.22) !important;
+    border-color: rgba(255, 255, 255, 0.65) !important;
+  }
+
   html[data-theme="dark"] .navbar-custom .navbar-nav .nav-link.btn.is-current {
     background: rgba(79, 124, 255, 0.22);
     border-color: rgba(79, 124, 255, 0.58);
     color: #fff;
   }
 
+  /* Dark mode: Admin button active state */
+  html[data-theme="dark"] .navbar-custom .navbar-nav #admin-control-link.is-current {
+    background: rgba(79, 124, 255, 0.22) !important;
+    border-color: rgba(79, 124, 255, 0.58) !important;
+  }
+
   html[data-theme="dark"] .navbar-custom .navbar-nav .nav-link.btn.is-current:hover {
     background: rgba(79, 124, 255, 0.28);
     border-color: rgba(79, 124, 255, 0.7);
   }
 
+  /* Admin button current state in dark mode */
+  html[data-theme="dark"] .navbar-custom .navbar-nav #admin-control-link.is-current {
+    background-color: #0d6efd;
+    border-color: #0d6efd;
+    color: #fff;
+  }
+
+  html[data-theme="dark"] .navbar-custom .navbar-nav #admin-control-link.is-current:hover {
+    background-color: #0b5ed7;
+    border-color: #0b5ed7;
+    color: #fff;
+  }
+
   /* The logo image has a bit of built-in left whitespace; nudge it back to align with page titles. */
   .navbar-custom .navbar-brand img {
     margin-left: -9px;
diff --git a/public/js/app_movies.js b/public/js/app_movies.js
index 6507f8d..f41b95f 100644
--- a/public/js/app_movies.js
+++ b/public/js/app_movies.js
@@ -379,7 +379,7 @@ window.addEventListener('DOMContentLoaded', async function () {
     }
 
     const activeYear = await fetchActiveYear();
-    document.title = `Pool Oscars (${activeYear}) - Films`;
+    document.title = `Pool Oscars (${activeYear}) - Movies`;
     const oscarYearEl = document.getElementById('oscar-year');
     if (oscarYearEl) oscarYearEl.textContent = String(activeYear);