Simplify map symbology

mileswwatkins · Nov 25, 2023 · f1c7a7a · f1c7a7a
1 parent 52d9914
commit f1c7a7a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/App.css b/src/App.css
@@ -128,19 +128,20 @@ form > label {
 }
 
 .Map-circle {
+  cursor: pointer;
   width: 10px;
   height: 10px;
-  border-radius: 5px;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0);
+  border-style: solid;
+  border-width: 1px;
+  border-color: #d00;
 }
 
 .Map-circle__active {
   background: #d00;
 }
 
-.Map-circle__inactive {
-  background: #6e6e6e;
-}
-
 .Map-circle__selected {
-  box-shadow: 0px 0px 0px 1px black;
+  box-shadow: 0px 0px 0px 3px #d00;
 }
diff --git a/src/App.js b/src/App.js
@@ -270,7 +270,7 @@ class Map extends Component {
                   : "") +
                 (checkFilters(i, this.props.filters)
                   ? "Map-circle__active "
-                  : "Map-circle__inactive ")
+                  : "")
               }
               onClick={(e) => {
                 this.setState({