From cc10197053e8107cbce1e9e87e88bf0121684f25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D1=81=D0=B8=D0=BD=D0=B5=D1=87=D0=BA=D0=B0=20=E2=99=A1?=
 <63897347+ktnk-dev@users.noreply.github.com>
Date: Sat, 21 Mar 2026 23:42:34 +0300
Subject: [PATCH] clock position fix

---
 src/css/clock.css | 55 +++++++++++++++++++++++++++++++----------------
 src/js/builtin.js |  2 +-
 2 files changed, 38 insertions(+), 19 deletions(-)

diff --git a/src/css/clock.css b/src/css/clock.css
index dea02e6..b63db0a 100644
--- a/src/css/clock.css
+++ b/src/css/clock.css
@@ -2,27 +2,46 @@
     position: fixed;
     display: flex;
     flex-direction: row;
-    gap: 10px;
-    overflow-y: hidden;
+    /* gap: 10px; */
+    overflow: hidden;
     align-items: start;
     justify-content: start;
     height: 100px;
     transition: opacity .2s;
     /* opacity: 0; */
     mask-image: linear-gradient(transparent, #000 10%, #000 90%, transparent );
-} #clock > .digit {
-    display: flex;
-    flex-direction: column;
-    align-items: start;
-    justify-content: start;
-    transition: transform .4s;
-    gap: 0;
-} #clock > .digit > span {
-    font-weight: 800;
-    font-size: 80px;
-    font-family: 'Nunito';
-    margin: 0;
-    padding: 0;
-} #clock > .digit.l {
-    transform: translateY(-7px);
-}
\ No newline at end of file
+    
+    .digit {
+        display: flex;
+        flex-direction: column;
+        align-items: start;
+        justify-content: start;
+        transition: transform .4s;
+        gap: 0;
+
+        span {
+            font-weight: 800;
+            font-size: 80px;
+            height: 100px;
+            font-family: 'Nunito';
+            margin: 0;
+            padding: 0;
+        }
+    }
+    :not(.l) {
+        margin: 0 3px;
+    }
+    .l {
+        opacity: 0.5;
+        transform: translateY(-2px);
+        width: auto !important;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        span {
+            font-weight: normal;
+            height: auto !important;
+        }
+    }
+} 
\ No newline at end of file
diff --git a/src/js/builtin.js b/src/js/builtin.js
index 58a9fd3..04681bc 100644
--- a/src/js/builtin.js
+++ b/src/js/builtin.js
@@ -1,6 +1,6 @@
 const clock = async () => {
     const render = async () => {
-        const baseOffset = 109.12
+        const baseOffset = 100
         const tsp = number => (number < 10 ? `0${number}` : `${number}`).split('').map(e => parseInt(e)*baseOffset)
         const time = new Date()
         var ft = [tsp(time.getHours()), tsp(time.getMinutes()), tsp(time.getSeconds())].flat()