From 183b9528fee8392c52dcc604e98eba62a38289fb Mon Sep 17 00:00:00 2001
From: Sam <sam@openclaw.local>
Date: Fri, 13 Feb 2026 12:37:55 +0100
Subject: [PATCH] Fix: Absolute clock position - moved to background with -z-10
 and opacity

---
 templates/dashboard.html | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/templates/dashboard.html b/templates/dashboard.html
index af6f811..b4682d3 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -114,13 +114,13 @@
                     </div>
                 </div>
                 
-                <!-- Center Clock & Date -->
-                <div class="absolute left-1/2 transform -translate-x-1/2 hidden lg:flex flex-col items-center z-0">
+                <!-- Center Clock & Date - Moved to z-0 and using better responsive classes -->
+                <div class="absolute left-1/2 transform -translate-x-1/2 hidden lg:flex flex-col items-center -z-10 opacity-50 pointer-events-none">
                     <div class="text-xl font-bold text-white font-mono tracking-wider leading-none" id="live-clock">--:--:--</div>
                     <div class="text-[10px] text-gray-400 font-medium uppercase tracking-widest mt-1" id="live-date">--. --. ----</div>
                 </div>
 
-                <nav class="hidden md:flex items-center space-x-8 mr-12">
+                <nav class="hidden md:flex items-center space-x-8">
                     <a href="#weather-section" class="text-sm font-medium text-gray-400 hover:text-white transition-colors">Wetter</a>
                     <a href="#news-section" class="text-sm font-medium text-gray-400 hover:text-white transition-colors">News</a>
                     <a href="#tasks-section" class="text-sm font-medium text-gray-400 hover:text-white transition-colors">Tasks</a>
@@ -505,11 +505,7 @@
                 {% endif %}
             </div>
         </div>
-        </div>
-
-        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-            <!-- System Status with CPU/RAM -->
-            <div class="glass-card rounded-xl p-5 fade-in" id="system-card">
+    </main>
 
     <script>
         let ws = null;