diff --git a/src/lib/map/setup.ts b/src/lib/map/setup.ts index 3ff801c..e959365 100644 --- a/src/lib/map/setup.ts +++ b/src/lib/map/setup.ts @@ -404,6 +404,7 @@ export const changeDefaultIcons = ( }; } fullscreenButton.classList.add('dark:!bg-dark', 'dark:hover:!bg-dark/75', 'dark:border'); + fullscreenButton.style.borderBottom = '1px solid #ccc'; leafletBar?.append(fullscreenButton); @@ -433,6 +434,7 @@ export const geolocate = (L: Leaflet, map: Map) => { ); if (locateButton) { locateButton.style.borderRadius = '8px'; + locateButton.style.borderBottom = '1px solid #ccc'; if (theme === 'light') { const locateIcon: HTMLImageElement | null = document.querySelector('#locatebutton'); if (locateIcon) { @@ -540,6 +542,7 @@ export const homeMarkerButtons = ( }; } communityMapButton.classList.add('dark:!bg-dark', 'dark:hover:!bg-dark/75', 'dark:border'); + communityMapButton.style.borderBottom = '1px solid #ccc'; addControlDiv.append(communityMapButton); } else { diff --git a/src/routes/map/+page.svelte b/src/routes/map/+page.svelte index 84a11fa..c4607a1 100644 --- a/src/routes/map/+page.svelte +++ b/src/routes/map/+page.svelte @@ -465,6 +465,7 @@ : '/icons/boost.svg' } alt='boost' class='inline' id='boost-layer'/>`; boostLayerButton.style.borderRadius = '0 0 8px 8px'; + boostLayerButton.style.borderBottom = '1px solid #ccc'; boostLayerButton.onclick = function toggleLayer() { if (boosts) { $page.url.searchParams.delete('boosts');