From c81135a4c1697853d170547d50a817f3408d6d9b Mon Sep 17 00:00:00 2001
From: Mathieu Moran <mathieumoran1@gmail.com>
Date: Tue, 27 Jan 2026 10:36:31 -0500
Subject: [PATCH] Polish admin and stats tab styling

Improve tab border handling and spacing for admin and stats views, plus minor copy spacing fixes.
---
 public/control.html   |  2 +-
 public/css/app.css    |  9 +++++++--
 public/user-stat.html | 36 ++++++++++++++++++++++++++++++++++++
 3 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/public/control.html b/public/control.html
index 33dc6af..cf71f7a 100644
--- a/public/control.html
+++ b/public/control.html
@@ -569,7 +569,7 @@
             <div class="d-flex flex-wrap align-items-end justify-content-between gap-2 mb-2">
               <div class="info-line small text-muted">
                 <span class="badge bg-light text-dark border" aria-hidden="true">i</span>
-                <span class="info-text"><span id="admin-users-count">—</span> utilisateur(s)</span>
+                <span class="info-text"><span id="admin-users-count" class="me-1">—</span>utilisateur(s)</span>
               </div>
               <div class="d-flex gap-2">
                 <button type="button" id="open-add-user-modal" class="btn btn-warning btn-sm btn-compact">Ajouter un utilisateur</button>
diff --git a/public/css/app.css b/public/css/app.css
index 7b24d65..67dc00b 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -626,6 +626,7 @@ footer {
     padding: 0;
     margin-top: -1px;
     padding-top: 0 !important;
+    border-top: 1px solid var(--app-border);
   }
 
   /* Hide top border under the active admin tab */
@@ -638,13 +639,17 @@ footer {
     position: absolute;
     top: 0;
     left: 0;
-    height: 1px;
+    height: 2px;
     width: calc(100% + 2px);
     margin-left: -1px;
-    background: transparent;
+    background: var(--app-surface);
     pointer-events: none;
   }
 
+  #adminTabs + .admin-tabs-content > .tab-pane.fade::before {
+    background: transparent;
+  }
+
   #adminTabs + .admin-tabs-content .tab-pane .card:first-of-type {
     border-top-color: transparent;
   }
diff --git a/public/user-stat.html b/public/user-stat.html
index 7058692..74d9628 100644
--- a/public/user-stat.html
+++ b/public/user-stat.html
@@ -37,9 +37,42 @@
     }
     .stats-tabs {
       border-bottom: 0;
+      gap: 0.35rem;
     }
     .stats-tab-panel {
       padding-top: 0;
+      background-color: var(--app-surface);
+      padding: 0.75rem;
+      margin-top: -1px;
+      border: 1px solid var(--app-border);
+      border-top: 0;
+      border-radius: 0 0 12px 12px;
+    }
+    .stats-tab-panel {
+      border-top: 1px solid var(--app-border);
+    }
+    #statsTabs .nav-link.active {
+      position: relative;
+      z-index: 2;
+      top: 1px;
+      border-bottom-color: transparent;
+    }
+    #statsTabsContent > .tab-pane.active {
+      position: relative;
+    }
+    #statsTabsContent > .tab-pane.active::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      height: 2px;
+      width: calc(100% + 2px);
+      margin-left: -1px;
+      background: var(--app-surface);
+      pointer-events: none;
+    }
+    #statsTabsContent > .tab-pane.fade::before {
+      background: transparent;
     }
     .stats-tab-panel > .tab-pane:not(#pane-ranking) {
       padding-top: 1rem;
@@ -52,6 +85,9 @@
     .stats-tab-panel .table td {
       font-size: 0.9rem;
     }
+    html[data-theme="dark"] .stats-tabs .nav-link.active {
+      border-bottom-color: transparent;
+    }
   </style>
 </head>
 <body class="bg-light page-loading">
-- 
2.54.0