From 9c52219ca33e055f99b7676d552f73d39cca182c Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Sat, 16 Jan 2021 22:32:48 +0100
Subject: [PATCH] use gap instead of margins

---
 htdocs/css/openwebrx.css | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index ab4981c..92e0b00 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -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;