Design adjustments

hoel · Oct 24, 2025 · 5d894db · 5d894db
1 parent 7b25ca1
commit 5d894db
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/clock-face.png b/clock-face.png
diff --git a/index.html b/index.html
@@ -37,6 +37,9 @@
             border: 1px solid rgba(255, 255, 255, 0.18);
             text-align: center;
             min-width: 300px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
         }
 
         .clock {
@@ -60,15 +63,18 @@
         }
 
         .analog-clock {
-            width: 280px;
-            height: 280px;
-            margin: 0 auto 20px auto;
+            width: 340px;
+            height: 340px;
+            margin: 0 auto -40px auto;
             position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: center;
         }
 
         .clock-face {
-            width: 100%;
-            height: 100%;
+            width: 280px;
+            height: 280px;
             border-radius: 50%;
             background: radial-gradient(circle, #f8f6f0 0%, #e8e6e0 70%, #d0cec8 100%);
             border: 12px solid;