From 6e806d5c8483b6d2f10a70c8ac5a2ea880fe4c87 Mon Sep 17 00:00:00 2001
From: Ivelin Megdanov <iv4o.megdanov@gmail.com>
Date: Mon, 17 Feb 2025 14:11:28 +0200
Subject: [PATCH] Revert previous changes and added margin/padding block

---
 src/routes/Calendar/List/Item/Item.less | 25 +++++++++----------------
 src/routes/Calendar/List/List.less      |  6 ++++++
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/routes/Calendar/List/Item/Item.less b/src/routes/Calendar/List/Item/Item.less
index 051e092df..e850d3e49 100644
--- a/src/routes/Calendar/List/Item/Item.less
+++ b/src/routes/Calendar/List/Item/Item.less
@@ -7,6 +7,8 @@
     flex-direction: column;
     background-color: var(--overlay-color);
     border-radius: var(--border-radius);
+    border: 0.15rem solid transparent;
+    transition: border-color 0.1s ease-out;
 
     .heading {
         flex: none;
@@ -80,19 +82,6 @@
         }
     }
 
-    &::before {
-        border: 0.15rem solid transparent;
-        border-radius: var(--border-radius);
-        box-sizing: border-box;
-        content: "";
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        pointer-events: none;
-        z-index: 1;
-        transition: border-color 0.1s ease-out;
-    }
-
     &.today {
         .heading {
             background-color: var(--primary-accent-color);
@@ -100,12 +89,16 @@
     }
 
     &.active {
-        &::before {
-            border-color: var(--primary-foreground-color);
-        }
+        border-color: var(--primary-foreground-color);
     }
 
     &:not(.active):hover {
         border-color: var(--overlay-color);
     }
 }
+
+@supports (scroll-margin-block-start: 2px) {
+    .item {
+        scroll-margin-block-start: 2px;
+    }
+}
\ No newline at end of file
diff --git a/src/routes/Calendar/List/List.less b/src/routes/Calendar/List/List.less
index f63078680..9a1904a70 100644
--- a/src/routes/Calendar/List/List.less
+++ b/src/routes/Calendar/List/List.less
@@ -35,3 +35,9 @@
         display: none;
     }
 }
+
+@supports (scroll-padding-block-start: 2px) {
+    .list {
+        scroll-padding-block-start: 2px;
+    }
+}
\ No newline at end of file