use gap instead of margins

This commit is contained in:
Jakob Ketterl 2021-01-16 22:32:48 +01:00
parent 8a73f2c9df
commit 9c52219ca3

View File

@ -911,20 +911,19 @@ img.openwebrx-mirror-img
.openwebrx-meta-panel { .openwebrx-meta-panel {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 10px;
} }
.openwebrx-meta-slot { .openwebrx-meta-slot {
flex: 1; flex: 1;
width: 145px; width: 145px;
height: 196px; height: 196px;
margin-right: 10px;
background-color: #676767; background-color: #676767;
padding: 2px 0; padding: 2px 0;
color: #333; color: #333;
text-align: center; text-align: center;
position: relative;
display: flex; display: flex;
flex-direction: column; 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; 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 { .openwebrx-meta-slot .openwebrx-meta-user-image {
flex: 1; flex: 1;
background-position: center; background-position: center;