DBC22-1909/1910: styling for empty display for cam and delay lists

bcgov · Mar 18, 2024 · 6c9dade · 6c9dade
1 parent 838c589
commit 6c9dade
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 12 deletions.
diff --git 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
@@ -308,15 +308,15 @@ 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>
               <p>Adding a route will narrow down the information for the whole site, including the delays list. There might not be any delays between those two locations.</p>
 
               <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
@@ -172,10 +172,6 @@
   }
 
   h6 {
-    margin: 15px 0;
-  }
-
-  h2 {
-    margin: 60px 0 30px 0;
+    margin-top: 2rem;
   }
 }