From 049e16f2cb6cad1f71a2bde6a8a8ba5e11e7b32c Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Thu, 25 Jan 2024 00:22:10 +0100
Subject: [PATCH] some minor styling

---
 htdocs/css/openwebrx.css | 18 ++++++++++++++++++
 htdocs/lib/MetaPanel.js  |  8 +++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 559eb810..b327dd21 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -1379,4 +1379,22 @@ img.openwebrx-mirror-img
 
 .rds-container .rds-radiotext-plus .rds-rtplus-homepage:not(:empty):before {
 	content: "🔗 ";
+}
+
+#openwebrx-panel-metadata-dab {
+	width: 300px;
+}
+
+#openwebrx-panel-metadata-dab .dab-container {
+	width: 100%;
+}
+
+.dab-container label {
+	display: block;
+	margin: 5px 0;
+}
+
+.dab-container select#dab-service-id {
+	width: 100%;
+	padding: 3px;
 }
\ No newline at end of file
diff --git a/htdocs/lib/MetaPanel.js b/htdocs/lib/MetaPanel.js
index d94a9d6b..e987c390 100644
--- a/htdocs/lib/MetaPanel.js
+++ b/htdocs/lib/MetaPanel.js
@@ -554,11 +554,17 @@ function DabMetaPanel(el) {
     MetaPanel.call(this, el);
     this.modes = ['DAB'];
     this.$select = $('<select id="dab-service-id"></select>');
-    $(this.el).append(this.$select);
     this.$select.on("change", function() {
         var service_id = parseInt($(this).val());
         $('#openwebrx-panel-receiver').demodulatorPanel().getDemodulator().setDabServiceId(service_id);
     });
+    var $container = $(
+        '<div class="dab-container">' +
+            '<label for="dab-service-id">DAB Service:</label>' +
+        '</div>'
+    );
+    $container.append(this.$select);
+    $(this.el).append($container);
     this.clear();
 }