From 8f83914690fb74bc6fe16e0bd208f8fbb1fcb884 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Mon, 18 Dec 2023 11:23:29 -0700
Subject: [PATCH] Add sticky headers to history page

---
 web/src/pages/History.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/History.tsx b/web/src/pages/History.tsx
index d2a0ab631..ea5f282c0 100644
--- a/web/src/pages/History.tsx
+++ b/web/src/pages/History.tsx
@@ -168,9 +168,6 @@ function History() {
   return (
     <>
       <Heading as="h2">Review</Heading>
-      <div className="text-xs mb-4">
-        Dates and times are based on the timezone {timezone}
-      </div>
 
       <TimelinePlayerCard
         timeline={playback}
@@ -183,7 +180,10 @@ function History() {
           .map(([day, timelineDay], dayIdx) => {
             return (
               <div key={day}>
-                <Heading as="h3">
+                <Heading
+                  className="sticky py-2 -top-4 left-0 bg-background w-full z-10"
+                  as="h3"
+                >
                   {formatUnixTimestampToDateTime(parseInt(day), {
                     strftime_fmt: "%A %b %d",
                     time_style: "medium",