DBC22-1604: styling fix for swap button

bcgov · May 23, 2024 · ef6ec38 · ef6ec38
1 parent 43f72be
commit ef6ec38
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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;
         }
       }