Polish admin and stats tab styling

Improve tab border handling and spacing for admin and stats views, plus minor copy spacing fixes.
This commit is contained in:
Mathieu Moran
2026-01-27 10:36:31 -05:00
parent 9868d2c39a
commit c81135a4c1
3 changed files with 44 additions and 3 deletions
+36
View File
@@ -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">