Make popups wider and titles more prominent

mileswwatkins · Nov 25, 2023 · c0457e9 · c0457e9
1 parent 4c4b487
commit c0457e9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/App.css b/src/App.css
@@ -38,6 +38,7 @@ header {
 
 .Filters-Reset {
   margin: 0;
+  margin-bottom: 1.5rem;
   font-size: 1rem;
 }
 
@@ -102,9 +103,9 @@ form > label {
 }
 
 .Map-Popup-header {
-  font-size: 16px;
+  font-size: 1.25rem;
   font-weight: bold;
-  line-height: 14px;
+  line-height: 1.25rem;
 }
 
 .Map-Popup-body {

diff --git a/src/App.js b/src/App.js
@@ -175,6 +175,7 @@ const MapPopup = ({ location, info, onClose }) => {
       anchor="bottom"
       dynamicPosition={false}
       captureScroll={true}
+      maxWidth="300px"
     >
       <div className="Map-Popup">
         <span className="Map-Popup-header">