diff --git a/app/src/frontend/map/borough-switcher.css b/app/src/frontend/map/borough-switcher.css deleted file mode 100644 index 102f1f60..00000000 --- a/app/src/frontend/map/borough-switcher.css +++ /dev/null @@ -1,37 +0,0 @@ -.borough-theme { - filter: grayscale(100%) invert(1); -} - -.borough-theme { - filter: none; -} - -.borough-switcher { - z-index: 1000; - position: absolute; - top: 157px; - right: 10px; - float: right; - background: white; - border-radius: 4px; -} -.borough-switcher .btn { - margin: 0; - min-width: 280px; -} -.borough-switcher.night .btn { - color: #fff; - background-color: #343a40; - border-color: #343a40; -} -.borough-switcher.night .btn:hover { - color: #343a40; - background-color: transparent; - background-image: none; - border-color: #343a40; -} -@media (max-width: 990px){ - .borough-switcher { - visibility: hidden; - } -} diff --git a/app/src/frontend/map/borough-switcher.tsx b/app/src/frontend/map/borough-switcher.tsx index 68e35efd..e348e910 100644 --- a/app/src/frontend/map/borough-switcher.tsx +++ b/app/src/frontend/map/borough-switcher.tsx @@ -1,12 +1,12 @@ import React from 'react'; -import './borough-switcher.css'; +import './map-button.css'; import { useDisplayPreferences } from '../displayPreferences-context'; export const BoroughSwitcher: React.FC<{}> = () => { const { borough, boroughSwitch, darkLightTheme } = useDisplayPreferences(); return ( -