From 70515ef50823d43817e3b46f8e0fe3478441c1a8 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Thu, 28 Mar 2024 11:17:18 -0600
Subject: [PATCH] Make header spacing consistent between pages

---
 web/src/components/filter/ReviewFilterGroup.tsx | 2 +-
 web/src/views/events/EventView.tsx              | 4 ++--
 web/src/views/events/RecordingView.tsx          | 5 +++--
 web/src/views/live/LiveDashboardView.tsx        | 8 ++++----
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/web/src/components/filter/ReviewFilterGroup.tsx b/web/src/components/filter/ReviewFilterGroup.tsx
index 0da4f18f0..28e2475f2 100644
--- a/web/src/components/filter/ReviewFilterGroup.tsx
+++ b/web/src/components/filter/ReviewFilterGroup.tsx
@@ -378,7 +378,7 @@ function ShowReviewFilter({
       </div>
 
       <Button
-        className="block md:hidden ml-1"
+        className="block md:hidden"
         size="sm"
         variant="secondary"
         onClick={() => setShowReviewed(showReviewed == 0 ? 1 : 0)}
diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx
index 08f690bd3..7f47f9de7 100644
--- a/web/src/views/events/EventView.tsx
+++ b/web/src/views/events/EventView.tsx
@@ -206,9 +206,9 @@ export default function EventView({
 
   return (
     <div className="flex flex-col size-full">
-      <div className="h-10 relative flex justify-between items-center mx-2">
+      <div className="h-11 px-2 relative flex justify-between items-center bg-red-500">
         {isMobile && (
-          <Logo className="absolute inset-y-0 inset-x-1/2 -translate-x-1/2 h-8" />
+          <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
         )}
         <ToggleGroup
           className="*:px-3 *:py-4 *:rounded-2xl"
diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index 4151cc6ed..3cea5001a 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -225,13 +225,14 @@ export function RecordingView({
     <div ref={contentRef} className="size-full flex flex-col">
       <Toaster />
       <div
-        className={`w-full h-10 px-2 relative flex items-center justify-between`}
+        className={`w-full h-11 px-2 relative flex items-center justify-between`}
       >
         {isMobile && (
-          <Logo className="absolute top-1 inset-x-1/2 -translate-x-1/2 h-8" />
+          <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
         )}
         <Button
           className="flex items-center gap-2 rounded-lg"
+          size="sm"
           onClick={() => navigate(-1)}
         >
           <IoMdArrowRoundBack className="size-5" size="small" />
diff --git a/web/src/views/live/LiveDashboardView.tsx b/web/src/views/live/LiveDashboardView.tsx
index bcad9751b..83e998876 100644
--- a/web/src/views/live/LiveDashboardView.tsx
+++ b/web/src/views/live/LiveDashboardView.tsx
@@ -129,10 +129,10 @@ export default function LiveDashboardView({
   const birdseyeConfig = useMemo(() => config?.birdseye, [config]);
 
   return (
-    <div className="size-full overflow-y-auto px-2">
+    <div className="size-full overflow-y-auto">
       {isMobile && (
-        <div className="relative h-9 flex items-center justify-between">
-          <Logo className="absolute inset-y-0 inset-x-1/2 -translate-x-1/2 h-8" />
+        <div className="h-11 px-2 relative flex items-center justify-between">
+          <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
           <CameraGroupSelector />
           <div className="flex items-center gap-1">
             <Button
@@ -175,7 +175,7 @@ export default function LiveDashboardView({
       )}
 
       <div
-        className={`my-4 grid ${layout == "grid" ? "grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4" : ""} gap-2 md:gap-4  *:rounded-2xl *:bg-black`}
+        className={`mt-2 px-2 grid ${layout == "grid" ? "grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4" : ""} gap-2 md:gap-4 *:rounded-2xl *:bg-black`}
       >
         {includeBirdseye && birdseyeConfig?.enabled && (
           <BirdseyeLivePlayer