use flex layout

This commit is contained in:
Jakob Ketterl 2021-01-16 19:46:39 +01:00
parent 41f9407024
commit 3f94832d00

View File

@ -925,6 +925,13 @@ img.openwebrx-mirror-img
text-align: center; text-align: center;
position: relative; position: relative;
display: flex;
flex-direction: column;
}
.openwebrx-meta-slot > * {
flex: 0;
} }
.openwebrx-meta-slot, .openwebrx-meta-slot.muted:before { .openwebrx-meta-slot, .openwebrx-meta-slot.muted:before {
@ -971,8 +978,7 @@ img.openwebrx-mirror-img
} }
.openwebrx-meta-slot .openwebrx-meta-user-image { .openwebrx-meta-slot .openwebrx-meta-user-image {
width:100%; flex: 1;
height:133px;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }