Sunil Mohan Adapa 36c5ffd3af
ui: samba: Fix layout regressions with Bootstrap 5
- In Bootstrap 5, .table-responsive does not seem to set 'width: 100%;'. This
leads to tables getting laid out between the disk name and disk free progress
bar since they are both floating elements. Fix this by using flex layout
instead.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
2024-12-12 12:58:13 +02:00

23 lines
312 B
CSS

/*
# SPDX-License-Identifier: AGPL-3.0-or-later
*/
.progress {
margin-bottom: 0;
width: 11.25rem;
}
.samba-disk-header {
display: flex;
justify-content: space-between;
}
.samba-disk-name {
font-size: 1.3rem;
}
.samba-disk-shares {
padding-top: 0.625rem;
margin-bottom: 1.25rem;
}