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.js b/src/frontend/src/pages/CamerasListPage.js index f9f6979d4..1794ac044 100644 --- a/src/frontend/src/pages/CamerasListPage.js +++ b/src/frontend/src/pages/CamerasListPage.js @@ -130,7 +130,7 @@ export default function CamerasListPage() {
- + {/* {!routeEdit && 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; + } } }