From d48c9fb1c84b259db542b9b48fcc59b80aa83d15 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <rawr@sebin-nyshkim.net>
Date: Sat, 28 Jun 2025 19:21:30 +0200
Subject: [PATCH] fix: :lipstick: navigation buttons obstruct text content

---
 src/components/slider.webc | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/slider.webc b/src/components/slider.webc
index 1d8ee18..5710aea 100644
--- a/src/components/slider.webc
+++ b/src/components/slider.webc
@@ -168,7 +168,12 @@
   }
 
   :host :where(.prev, .next) {
+    --btn-alignment: -0.75em;
     grid-row: track;
+
+    @media (min-width: 35em) {
+      --btn-alignment: 0.5em;
+    }
   }
 
   :host :where(.prev, .next):disabled {
@@ -184,12 +189,12 @@
 
   :host .prev {
     grid-column: prev;
-    left: 0.5em;
+    left: var(--btn-alignment);
   }
 
   :host .next {
     grid-column: next;
-    right: 0.5em;
+    right: var(--btn-alignment);
   }
 
   :host .track {