From 7382378349300c3f53fc05df7e4b9d24de8af48a Mon Sep 17 00:00:00 2001
From: Max <m.giller.dev@gmail.com>
Date: Wed, 27 Dec 2023 00:41:05 +0100
Subject: [PATCH] Implemented status description

---
 index.html | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 89c876a..d4f8798 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,15 @@
             color: #fff;
         }
 
+        #status {
+            text-align: left;
+        }
+
+        #description {
+            font-size: small;
+            text-align: left;
+        }
+
         #sleep {
             margin-top: 2em;
         }
@@ -107,8 +116,21 @@
     <div id="settings-notice">Scroll down for more</div>
     <div id="container">
         <div id="vertical-center">
-            Currently:
-            <span id="status" class="info">...</span>
+            <table>
+                <tr>
+                    <td>Currently:</td>
+                    <td style="width: 5px;"></td>
+                    <td id="status" class="info">
+                        ...
+                    </td>
+                </tr>
+                <tr>
+                    <td></td>
+                    <td></td>
+                    <td id="description">
+                    </td>
+                </tr>
+            </table>
 
             <div id="sleep"></div>
 
@@ -185,6 +207,7 @@
                     currentStatus = data;
 
                     setText("status", data.title);
+                    setText("description", data.description);
 
                     if (data.title.toLowerCase() === "sleeping") {
                         const remainingText = formatRemainingTime(data.remainingDuration);