ui: Update section header style to increase size, remove underline

- Currently, there is a bug with section header with Bootstrap 5 migration in
stable. It causes the section headers not to have underline in Debian stable but
only in Debian testing. This is due to the variable --bs-secondar-border-subtle
being defined only in Bootstrap 5.3 (testing) but not in Bootstrap 5.2 (stable).

- The removal of the border is actually reducing visual noise. So, commit to it
by removing the border even on testing. To Increase contrast to the section
headers, increase their font size (but reduce font weight).

Tests:

- In testing and stable VMs, the style is same and as expected.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
This commit is contained in:
Sunil Mohan Adapa 2025-01-01 14:00:18 -08:00 committed by Veiko Aasa
parent dba6c1f4a9
commit f568d75539
No known key found for this signature in database
GPG Key ID: 478539CAE680674E

View File

@ -586,10 +586,9 @@ footer {
.card-section-title, .system-section-title {
display: flex;
font-weight: 800;
font-size: 1.25rem;
font-weight: 600;
font-size: 1.5rem;
margin: 1.25rem 0;
border-bottom: var(--bs-secondary-border-subtle) solid 2px;
}
.card {