From d688db22adb5da638b98677ac169c975c09ddedb Mon Sep 17 00:00:00 2001
From: ad <adrianleb@gmail.com>
Date: Sat, 25 May 2024 13:02:29 +0200
Subject: [PATCH] fix padding and zindex on schedule sticky header

---
 src/pages/schedule.jsx | 2 +-
 src/styles/global.css  | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/schedule.jsx b/src/pages/schedule.jsx
index 6475111b..bc636f30 100644
--- a/src/pages/schedule.jsx
+++ b/src/pages/schedule.jsx
@@ -440,7 +440,7 @@ const Program = () => {
           {/* Hacker Essentials vs Extravaganza */}
 
           <div
-            className={`flex items-center justify-center w-full sticky -top-1 py-4 text-center  ${
+            className={`flex items-center justify-center w-full sticky -top-1 py-4 text-center schedule-sticky ${
               isSticky ? "bg-white" : ""
             }`}
             ref={toggleRef}
diff --git a/src/styles/global.css b/src/styles/global.css
index 6cdf4e51..e62b9168 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -106,6 +106,12 @@
   @apply bg-[rgba(255,255,255,0.65)] p-6; /* Customize as needed */
 }
 
+
+.schedule-sticky {
+  width: calc(100% + 3rem);
+    margin-left: -1.5rem;
+    z-index: 2;
+}
 body {
   margin: 0;
   -webkit-font-smoothing: antialiased;
@@ -178,7 +184,7 @@ body::before {
   }
 }
 
-/* 
+/*
 #__gatsby, #gatsby-focus-wrapper {
   height: 100vh; */
 /* background: url(grain-opacity.png), linear-gradient(5deg, #3A2F18 -25%, #0E0C06 15% ); */