let's stick with flexbox, but use native wrapping

This commit is contained in:
Jakob Ketterl 2020-08-12 22:14:02 +02:00
parent 80c25f459c
commit de34856d57

View File

@ -445,7 +445,6 @@ input[type=range]:disabled {
.openwebrx-demodulator-button .openwebrx-demodulator-button
{ {
min-width: 38px;
height: 19px; height: 19px;
font-size: 12pt; font-size: 12pt;
text-align: center; text-align: center;
@ -621,15 +620,16 @@ img.openwebrx-mirror-img
} }
.openwebrx-modes-grid { .openwebrx-modes-grid {
display: grid; display: flex;
grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); flex-direction: row;
grid-gap: 5px; flex-wrap: wrap;
gap: 5px;
} }
.openwebrx-modes-grid .openwebrx-demodulator-button { .openwebrx-modes-grid .openwebrx-demodulator-button {
margin: 0; margin: 0;
overflow: hidden;
white-space: nowrap; white-space: nowrap;
flex: 1 0 38px;
} }
#openwebrx-smeter-outer #openwebrx-smeter-outer