From 56debcd08a8a4b1b0da0ec77ef71baccdb53e542 Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Thu, 13 Aug 2020 19:39:56 +0200
Subject: [PATCH] provide a fallback for browsers not supporting css gaps

---
 htdocs/css/openwebrx.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 1ac09ee..554d88d 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -623,13 +623,25 @@ img.openwebrx-mirror-img
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    gap: 5px;
+    margin: -5px -5px 0 0;
 }
 
 .openwebrx-modes-grid .openwebrx-demodulator-button {
     margin: 0;
     white-space: nowrap;
     flex: 1 0 38px;
+    margin: 5px 5px 0 0;
+}
+
+@supports(gap: 5px) {
+    .openwebrx-modes-grid {
+        margin: 0;
+        gap: 5px;
+    }
+
+    .openwebrx-modes-grid .openwebrx-demodulator-button {
+        margin: 0;
+    }
 }
 
 #openwebrx-smeter-outer