From c4bf0b78d6144a0593823126baa3b959ff78e9aa Mon Sep 17 00:00:00 2001
From: Mariel de la Garza <mariel.code@gmail.com>
Date: Fri, 24 Jan 2025 12:25:08 -0500
Subject: [PATCH 1/2] increase top value to make sure header is visible when
 sticky on all screens

---
 src/scss/components/_table.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/scss/components/_table.scss b/src/scss/components/_table.scss
index 4a5f4f2..31af8a7 100644
--- a/src/scss/components/_table.scss
+++ b/src/scss/components/_table.scss
@@ -151,16 +151,12 @@
 
     &--sticky {
       position: sticky;
-      top: rem(48);
+      top: rem(65);
       z-index: 10;
       box-shadow:
         0 1px 2px hsl(0deg 0% 0% / 5%),
         0 1px 4px hsl(0deg 0% 0% / 5%),
         0 2px 8px hsl(0deg 0% 0% / 5%);
-
-      @include breakpoint("medium") {
-        top: rem(50);
-      }
     }
   }
 }

From 6bc639ca7ea5dcab4a39119d7618c99bfa22b4a4 Mon Sep 17 00:00:00 2001
From: Mariel de la Garza <mariel.code@gmail.com>
Date: Tue, 28 Jan 2025 12:59:15 -0500
Subject: [PATCH 2/2] Update sticky header spacing, remove scroll buttons on
 mobile

---
 src/scss/components/_button.scss | 31 ++++++++++++++++++-------------
 src/scss/components/_table.scss  |  2 +-
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/scss/components/_button.scss b/src/scss/components/_button.scss
index 2e4dfec..e5405e1 100644
--- a/src/scss/components/_button.scss
+++ b/src/scss/components/_button.scss
@@ -9,20 +9,25 @@
   }
   
   &--scroll {
-    color: #7e8694;
-    background-color: $color-text-white;
+    display: none;
 
-    &--left {
-      border-radius: 50px 0 0 50px;
-    }
-
-    &--right {
-      border-radius: 0 50px 50px 0;
-    }
-
-    &:focus {
-      z-index: 2;
-      outline: 3px solid $color-focus-outline;
+    @include breakpoint("medium") {
+      display: block;
+      color: #7e8694;
+      background-color: $color-text-white;
+  
+      &--left {
+        border-radius: 50px 0 0 50px;
+      }
+  
+      &--right {
+        border-radius: 0 50px 50px 0;
+      }
+  
+      &:focus {
+        z-index: 2;
+        outline: 3px solid $color-focus-outline;
+      }
     }
   }
 }
diff --git a/src/scss/components/_table.scss b/src/scss/components/_table.scss
index 31af8a7..297fcc0 100644
--- a/src/scss/components/_table.scss
+++ b/src/scss/components/_table.scss
@@ -151,7 +151,7 @@
 
     &--sticky {
       position: sticky;
-      top: rem(65);
+      top: rem(68.4);
       z-index: 10;
       box-shadow:
         0 1px 2px hsl(0deg 0% 0% / 5%),