DBC22-1880: adjusted styling for delays and cameras pages

bcgov · Mar 26, 2024 · 3c3f468 · 3c3f468
1 parent c91fc27
commit 3c3f468
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git 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
@@ -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
@@ -25,10 +25,16 @@
 
       .routing-container {
         padding: 0;
+        position:relative;
 
         @media (max-width: 768px) {
           width: 100%;
         }
+        .swap-button{
+          position: absolute;
+          top: 14px;
+          right: -10px;
+        }
       }
     }