use css grid for wifi stations layout (better width equality)

This commit is contained in:
glaszig
2021-06-01 03:01:10 +01:00
parent d9212737e5
commit d711acb52d
4 changed files with 21 additions and 21 deletions

View File

@@ -193,12 +193,12 @@ pre.unstyled {
width: 100%;
}
.card-deck--wifi-stations {
justify-content: space-between;
}
.card-deck--wifi-stations .card {
flex: 0 46%;
margin-bottom: .75rem;
@media (min-width: 576px) {
.card-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 50%;
grid-gap: 1rem;
}
}
.sidebar.toggled .nav-item .nav-link span {

View File

@@ -225,12 +225,12 @@ pre.unstyled {
width: 100%;
}
.card-deck--wifi-stations {
justify-content: space-between;
}
.card-deck--wifi-stations .card {
flex: 0 46%;
margin-bottom: .75rem;
@media (min-width: 576px) {
.card-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 50%;
grid-gap: 1rem;
}
}
.sidebar.toggled .nav-item .nav-link {

View File

@@ -429,12 +429,12 @@ pre {
width: 100%;
}
.card-deck--wifi-stations {
justify-content: space-between;
}
.card-deck--wifi-stations .card {
flex: 0 46%;
margin-bottom: .75rem;
@media (min-width: 576px) {
.card-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 50%;
grid-gap: 1rem;
}
}
.toggle-off.btn {