From c1067c97da495537246f9b18d62f6d195999af65 Mon Sep 17 00:00:00 2001
From: Tyrel Narciso <tyrel@oxd.com>
Date: Tue, 26 Mar 2024 10:20:40 -0700
Subject: [PATCH] DBC22-1880: adjusted styling for delays and cameras pages

---
 src/frontend/src/Components/map/RouteSearch.scss | 1 -
 src/frontend/src/pages/CamerasListPage.scss      | 8 ++++++++
 src/frontend/src/pages/EventsListPage.scss       | 6 ++++++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/Components/map/RouteSearch.scss b/src/frontend/src/Components/map/RouteSearch.scss
index 7e1b64c92..b94dd93c8 100644
--- a/src/frontend/src/Components/map/RouteSearch.scss
+++ b/src/frontend/src/Components/map/RouteSearch.scss
@@ -10,7 +10,6 @@
     top: 30px;
     right: 4px;
     padding: 8px 4px 8px 4px;
-    gap: 6px;
     color: $Type-Link;
     border-radius: 32px 32px 32px 32px;
     border: 1px solid #D9D9D9;
diff --git a/src/frontend/src/pages/CamerasListPage.scss b/src/frontend/src/pages/CamerasListPage.scss
index f756c976f..135c25cc6 100644
--- a/src/frontend/src/pages/CamerasListPage.scss
+++ b/src/frontend/src/pages/CamerasListPage.scss
@@ -1,5 +1,6 @@
 @import "../styles/variables.scss";
 
+.cameras-page {
 .outer-container {
   padding-bottom: 0;
 
@@ -21,11 +22,17 @@
       }
 
       .routing-container {
+        position:relative;
         padding: 0;
 
         @media (max-width: 768px) {
           width: 100%;
         }
+        .swap-button{
+          position: absolute;
+          top: 14px;
+          right: -10px;
+        }
       }
     }
 
@@ -54,3 +61,4 @@
     margin-top: 2rem;
   }
 }
+}
diff --git a/src/frontend/src/pages/EventsListPage.scss b/src/frontend/src/pages/EventsListPage.scss
index 470338132..8a495ca9a 100644
--- a/src/frontend/src/pages/EventsListPage.scss
+++ b/src/frontend/src/pages/EventsListPage.scss
@@ -25,10 +25,16 @@
 
       .routing-container {
         padding: 0;
+        position:relative;
 
         @media (max-width: 768px) {
           width: 100%;
         }
+        .swap-button{
+          position: absolute;
+          top: 14px;
+          right: -10px;
+        }
       }
     }