From 7362e48cf3fd8730ec4e102f7e8c9badf7595e9e Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Sat, 15 Jun 2019 14:48:57 +0200
Subject: [PATCH] style more like openwebrx

---
 htdocs/index.html    |  2 +-
 htdocs/openwebrx.css | 42 ++++++++++++++----------------------------
 2 files changed, 15 insertions(+), 29 deletions(-)

diff --git a/htdocs/index.html b/htdocs/index.html
index 8bf1001..90ac89c 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -168,7 +168,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="openwebrx-panel openwebrx-meta-panel" id="openwebrx-panel-metadata-ysf" data-panel-name="metadata-ysf" data-panel-pos="left" data-panel-order="2" data-panel-size="155,220">
+                <div class="openwebrx-panel openwebrx-meta-panel" id="openwebrx-panel-metadata-ysf" data-panel-name="metadata-ysf" data-panel-pos="left" data-panel-order="2" data-panel-size="145,220">
                     <div class="openwebrx-meta-frame">
                         <div class="openwebrx-meta-slot">
                             <div class="openwebrx-ysf-mode openwebrx-meta-autoclear"></div>
diff --git a/htdocs/openwebrx.css b/htdocs/openwebrx.css
index 92b9f37..ac90bc6 100644
--- a/htdocs/openwebrx.css
+++ b/htdocs/openwebrx.css
@@ -928,35 +928,20 @@ img.openwebrx-mirror-img
     border-color: Red;
 }
 
-.openwebrx-meta-panel {
-    background: none;
-    padding: 0;
-}
-
-.openwebrx-meta-frame {
-    height: 200px;
-
-    outline: 1px solid #111;
-    border-top: 1px solid #555;
-    padding: 10px;
-    background: #333;
-}
-
 .openwebrx-meta-slot {
-    width: 133px;
-    height: 194px;
+    width: 145px;
+    height: 196px;
     float: left;
     margin-right: 10px;
 
-    padding:2px 0;
+    background-color: #676767;
+    padding: 2px 0;
     color: #333;
-    background: #575757;
-    border: 1px solid #000;
-    border-right: 1px solid #353535;
-    border-bottom: 1px solid #353535;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
-    border-radius: 2px;
+    border-radius: 5px;
+
+    text-align: center;
 }
 
 .openwebrx-meta-slot.active {
@@ -978,16 +963,17 @@ img.openwebrx-mirror-img
     margin-right: 0;
 }
 
+.openwebrx-meta-slot .openwebrx-meta-user-image {
+    width:100%;
+    height:133px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
 .openwebrx-meta-slot.active .openwebrx-meta-user-image {
     background-image: url("gfx/openwebrx-directcall.png");
-    width:133px;
-    height:133px;
 }
 
 .openwebrx-meta-slot.active .openwebrx-meta-user-image.group {
     background-image: url("gfx/openwebrx-groupcall.png");
 }
-
-.openwebrx-meta-slot {
-    text-align: center;
-}