Prevent tile map from overlapping legend on small screens (#472)

Increase tile map's top margin to prevent it from overlapping the legend.
cfpb · Oct 10, 2023 · 0f04731 · 0f04731
1 parent 0d65c7f
commit 0f04731
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/Map/TileChartMap/TileMap/index.js b/src/components/Map/TileChartMap/TileMap/index.js
@@ -458,11 +458,11 @@ class TileMap {
 
     // to adjust for legend height
     const mapBreakpoints = [
-      { width: 700, legendHeight: 15 },
-      { width: 580, legendHeight: 20 },
-      { width: 500, legendHeight: 30 },
-      { width: 400, legendHeight: 40 },
-      { width: 370, legendHeight: 55 },
+      { width: 700, legendHeight: 20 },
+      { width: 580, legendHeight: 25 },
+      { width: 500, legendHeight: 35 },
+      { width: 400, legendHeight: 60 },
+      { width: 370, legendHeight: 70 },
     ];
 
     let legendHeight = 10;