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 @@
i
- — utilisateur(s)
+ —utilisateur(s)
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;
+ }