diff --git a/lib/components/mobile/navigation-bar.js b/lib/components/mobile/navigation-bar.js index 1e7b0079c..a31e75d02 100644 --- a/lib/components/mobile/navigation-bar.js +++ b/lib/components/mobile/navigation-bar.js @@ -64,7 +64,7 @@ class MobileNavigationBar extends Component { const backButtonText = intl.formatMessage({ id: 'common.forms.back' }) return ( -
+
diff --git a/lib/components/viewers/nearby/nearby-view.tsx b/lib/components/viewers/nearby/nearby-view.tsx index 1405f9eae..cf9b1d75b 100644 --- a/lib/components/viewers/nearby/nearby-view.tsx +++ b/lib/components/viewers/nearby/nearby-view.tsx @@ -22,6 +22,7 @@ import { Scrollable } from './styled' import FromToPicker from './from-to-picker' +import InvisibleA11yLabel from '../../util/invisible-a11y-label' import RentalStation from './rental-station' import Stop from './stop' import Vehicle from './vehicle-rent' @@ -246,6 +247,8 @@ function NearbyView({ )) + console.log(nearbyItemList) + useEffect(() => { if (!staleData) { setLoading(false) @@ -273,16 +276,16 @@ function NearbyView({ /> )} {nearby && ( -

+ -

+ )} {/* This is used to scroll to top */}
diff --git a/lib/components/viewers/nearby/styled.tsx b/lib/components/viewers/nearby/styled.tsx index d088ebbfe..8ee6bef6e 100644 --- a/lib/components/viewers/nearby/styled.tsx +++ b/lib/components/viewers/nearby/styled.tsx @@ -18,6 +18,10 @@ export const NearbySidebarContainer = styled.ol` gap: 1em; padding: 0 1em; list-style: none; + + @media (max-width: 768px) { + min-height: calc(100vh - 50px); + } ` export const Card = styled.div`