From 3fd0ae4837b1758c5ccc754a3af7cabee4c83460 Mon Sep 17 00:00:00 2001
From: RaffaelW <rfflwlf@gmail.com>
Date: Fri, 20 Dec 2024 21:56:43 +0100
Subject: [PATCH] added small connection icon in status details

---
 data/index.html | 10 ++++++++--
 data/style.css  | 12 ++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/data/index.html b/data/index.html
index d85d818..6d0e944 100644
--- a/data/index.html
+++ b/data/index.html
@@ -49,8 +49,14 @@
                     <div class="dialog-status-content">
                         <div class="card">
                             <span>Signalstärke</span>
-                            <!-- placeholder for wifi icon -->
-                            <span><span class="rssi"></span> dBm</span>
+                            <span class="centered-vertical">
+                                <img
+                                    class="connection-icon small"
+                                    src=""
+                                    alt=""
+                                />
+                                <span><span class="rssi"></span> dBm</span>
+                            </span>
                         </div>
 
                         <div class="card">
diff --git a/data/style.css b/data/style.css
index c18fca5..e6d1123 100644
--- a/data/style.css
+++ b/data/style.css
@@ -308,3 +308,15 @@ div:has(.range-value) {
     height: 24px;
     padding: 8px;
 }
+
+.connection-icon.small {
+    padding: 0;
+    height: 1em;
+}
+
+.centered-vertical {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+}