From 3f94832d00ddd0a0e5260e9421cf996115bf7198 Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Sat, 16 Jan 2021 19:46:39 +0100
Subject: [PATCH] use flex layout

---
 htdocs/css/openwebrx.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 7111e02..ab4981c 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -925,6 +925,13 @@ img.openwebrx-mirror-img
 
     text-align: center;
     position: relative;
+
+    display: flex;
+    flex-direction: column;
+}
+
+.openwebrx-meta-slot > * {
+    flex: 0;
 }
 
 .openwebrx-meta-slot, .openwebrx-meta-slot.muted:before {
@@ -971,8 +978,7 @@ img.openwebrx-mirror-img
 }
 
 .openwebrx-meta-slot .openwebrx-meta-user-image {
-    width:100%;
-    height:133px;
+    flex: 1;
     background-position: center;
     background-repeat: no-repeat;
 }