From ef6ec388dcbc50a59fc0f36f75aadbc1fc3ac9d4 Mon Sep 17 00:00:00 2001
From: ray <ray@oxd.com>
Date: Thu, 23 May 2024 14:48:22 -0700
Subject: [PATCH] DBC22-1604: styling fix for swap button

---
 src/frontend/src/Components/routing/RouteSearch.scss | 1 +
 src/frontend/src/pages/CamerasListPage.scss          | 7 ++++---
 src/frontend/src/pages/EventsListPage.scss           | 5 +++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/Components/routing/RouteSearch.scss b/src/frontend/src/Components/routing/RouteSearch.scss
index 7e07788a..9a497d52 100644
--- a/src/frontend/src/Components/routing/RouteSearch.scss
+++ b/src/frontend/src/Components/routing/RouteSearch.scss
@@ -8,6 +8,7 @@
 
 .routing-container {
   // background: white;
+  position: relative;
   padding: 1rem 1rem 0;
   z-index: 5;
 
diff --git a/src/frontend/src/pages/CamerasListPage.scss b/src/frontend/src/pages/CamerasListPage.scss
index 3d8d346d..367e7a23 100644
--- a/src/frontend/src/pages/CamerasListPage.scss
+++ b/src/frontend/src/pages/CamerasListPage.scss
@@ -30,15 +30,16 @@
         }
 
         .routing-container {
-          position:relative;
+          position: relative;
           padding: 0;
 
           @media (max-width: 767px) {
             width: 100%;
           }
-          .swap-button{
+
+          .swap-button {
             position: absolute;
-            top: 14px;
+            top: 22px;
             right: -10px;
           }
         }
diff --git a/src/frontend/src/pages/EventsListPage.scss b/src/frontend/src/pages/EventsListPage.scss
index 291e3fd0..ce2ef4a0 100644
--- a/src/frontend/src/pages/EventsListPage.scss
+++ b/src/frontend/src/pages/EventsListPage.scss
@@ -32,15 +32,16 @@
       }
 
       .routing-container {
+        position: relative;
         padding: 0;
-        position:relative;
 
         @media (max-width: 767px) {
           width: 100%;
         }
+
         .swap-button{
           position: absolute;
-          top: 14px;
+          top: 22px;
           right: -10px;
         }
       }