Updated UI 1.5 Added Done Final

Someshdiwan · Someshdiwan · commit 13d4e7dd6b33 · 2025-04-19T00:14:17.000+05:30
Signed-off-by: Someshdiwan &lt;Someshdiwan369@gmail.com&gt;
diff --git a/site/_layouts/default.html b/site/_layouts/default.html
@@ -96,7 +96,7 @@
 </head>
 <body>
 
-<!-- Dark‑Mode + Time Zone Toggle Container -->
+//Dark Mode and Time
 <div id="theme-time-container">
     <button id="dark-mode-btn" class="dark-toggle" onclick="toggleDarkMode()">🌓</button>
     <button id="tz-toggle-btn" class="time-toggle" onclick="toggleTimezone()">IST</button>
diff --git a/site/assets/style.css b/site/assets/style.css
@@ -185,20 +185,24 @@ body {
 
 /* Dark‑Mode Toggle & Live‑Time Container */
 #theme-time-container {
-  max-width: 320px;
-  margin: 1rem auto;
-  padding: 0.5rem 1rem;
+  position: fixed;
+  top: 1rem;
+  right: 1rem;      /* move to the right */
+  left: auto;       /* ensure no left offset */
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
   background-color: var(--sidebar-bg);
   color: var(--text-color);
+  padding: 0.5rem 1rem;
   border-radius: 8px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
   box-shadow: 0 2px 8px rgba(0,0,0,0.05);
+  font-size: 0.9rem;
+  z-index: 1002;
   transition: background-color 0.3s, color 0.3s;
-  font-size: 0.95rem;
 }
 
+
 body.dark-mode #theme-time-container {
   background-color: var(--sidebar-bg);
   color: var(--text-color);
