From e60eca435d6bcdc73059c72d9edf3bd735ec3da2 Mon Sep 17 00:00:00 2001
From: minORC <min@openroad.ca>
Date: Mon, 18 Mar 2024 10:06:40 -0700
Subject: [PATCH] DBC22-1909/1910: styling for empty display for cam and delay
 lists

---
 src/frontend/src/pages/CamerasListPage.scss | 6 +-----
 src/frontend/src/pages/EventsListPage.js    | 4 ++--
 src/frontend/src/pages/EventsListPage.scss  | 6 +-----
 3 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/frontend/src/pages/CamerasListPage.scss b/src/frontend/src/pages/CamerasListPage.scss
index 15850f07b..f756c976f 100644
--- a/src/frontend/src/pages/CamerasListPage.scss
+++ b/src/frontend/src/pages/CamerasListPage.scss
@@ -51,10 +51,6 @@
   }
 
   h6 {
-    margin: 15px 0;
-  }
-
-  h2 {
-    margin-bottom: 30px;
+    margin-top: 2rem;
   }
 }
diff --git a/src/frontend/src/pages/EventsListPage.js b/src/frontend/src/pages/EventsListPage.js
index b8bacc3dc..75b8e5525 100644
--- a/src/frontend/src/pages/EventsListPage.js
+++ b/src/frontend/src/pages/EventsListPage.js
@@ -308,7 +308,7 @@ export default function EventsListPage() {
           }
 
           {!processedEvents.length &&
-            <div className="empty-event-display">
+            <Container className="empty-event-display">
               <h2>No delays to display</h2>
 
               <h6><b>Do you have a starting location and a destination entered?</b></h6>
@@ -316,7 +316,7 @@ export default function EventsListPage() {
 
               <h6><b>Have you hidden any of the layers using the filters?</b></h6>
               <p>Try toggling the filters on and off so that more information can be displayed.</p>
-            </div>
+            </Container>
           }
         </div>
       </Container>
diff --git a/src/frontend/src/pages/EventsListPage.scss b/src/frontend/src/pages/EventsListPage.scss
index cd0d9387a..470338132 100644
--- a/src/frontend/src/pages/EventsListPage.scss
+++ b/src/frontend/src/pages/EventsListPage.scss
@@ -172,10 +172,6 @@
   }
 
   h6 {
-    margin: 15px 0;
-  }
-
-  h2 {
-    margin: 60px 0 30px 0;
+    margin-top: 2rem;
   }
 }