use gap instead of margins

This commit is contained in:
Jakob Ketterl 2021-01-16 22:32:48 +01:00
parent 8a73f2c9df
commit 9c52219ca3
1 changed files with 1 additions and 6 deletions

View File

@ -911,20 +911,19 @@ img.openwebrx-mirror-img
.openwebrx-meta-panel {
display: flex;
flex-direction: row;
gap: 10px;
}
.openwebrx-meta-slot {
flex: 1;
width: 145px;
height: 196px;
margin-right: 10px;
background-color: #676767;
padding: 2px 0;
color: #333;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
@ -973,10 +972,6 @@ img.openwebrx-mirror-img
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}
.openwebrx-meta-slot:last-child {
margin-right: 0;
}
.openwebrx-meta-slot .openwebrx-meta-user-image {
flex: 1;
background-position: center;