Added border-radius to map (#113)

bcgov · Aug 17, 2023 · 3d4de30 · 3d4de30
1 parent 6385bb7
commit 3d4de30
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/frontend/src/app/components/mapping/leaflet-map-with-point.tsx b/frontend/src/app/components/mapping/leaflet-map-with-point.tsx
@@ -61,6 +61,7 @@ const LeafletMapWithPoint: FC<Props> = ({ coordinates, draggable }) => {
       center={latLng}
       zoom={12}
       style={{ height: "400px", width: "100%" }}
+      className="map-container"
     >
       <Centerer />
       <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />

diff --git a/frontend/src/assets/sass/maps.scss b/frontend/src/assets/sass/maps.scss
@@ -3,4 +3,8 @@
     font-size: 40px;
     text-align: center; /* Horizontally center the text (icon) */
     line-height: 20px; /* Vertically center the text (icon) */
+}
+
+.map-container {
+    border-radius: 4px;
 }