Fix map attributions position

Vizzuality · Nov 6, 2024 · a3f548a · a3f548a
1 parent 05f765a
commit a3f548a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 9 deletions.
diff --git a/client/src/app/[locale]/globals.css b/client/src/app/[locale]/globals.css
@@ -21,9 +21,7 @@ body {
   }
 }
 
-.mapboxgl-ctrl-top-left {
-  position: absolute;
-  bottom: 20px;
-  left: 20px;
-  width: 100svh;
+.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
+  transform: scale(0.9);
+  margin: 0 0px 3px 0px;
 }
diff --git a/client/src/app/[locale]/layout.tsx b/client/src/app/[locale]/layout.tsx
@@ -1,5 +1,5 @@
-import "./globals.css";
 import "mapbox-gl/dist/mapbox-gl.css";
+import "./globals.css";
 
 import localFont from "next/font/local";
 

diff --git a/client/src/containers/map/controls/index.tsx b/client/src/containers/map/controls/index.tsx
@@ -3,7 +3,7 @@ import Legends from "../legends";
 
 const MapControlsContainer = () => {
   return (
-    <div className="absolute bottom-5 right-5 space-y-1.5">
+    <div className="absolute bottom-6 right-5 space-y-1.5">
       <MapZoomControl />
       <Legends />
     </div>

diff --git a/client/src/containers/map/index.tsx b/client/src/containers/map/index.tsx
@@ -21,9 +21,9 @@ const Map = () => {
         }}
         minZoom={2}
         maxZoom={14}
-        logoPosition="top-left"
+        logoPosition="bottom-left"
       >
-        <AttributionControl style={{ fontSize: "0.75rem" }} compact={true} position="top-left" />
+        <AttributionControl style={{ fontSize: "10px" }} position="bottom-right" />
         <LayerManager />
         <Controls />