Clean up styles

PropertyPraxis · Jan 15, 2024 · ae378fa · ae378fa
1 parent d7e0dab
commit ae378fa
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/client/src/components/Map/Map.jsx b/client/src/components/Map/Map.jsx
@@ -330,7 +330,7 @@ class PraxisMap extends Component {
           mapOptions={{ attributionControl: false }}
           mapStyle={basemapLayer}
           width="100vw"
-          height="100vh"
+          height="100dvh"
           minZoom={10}
           maxZoom={18}
           mapboxApiAccessToken={MAPBOX_TOKEN}

diff --git a/client/src/components/Search/PrimarySearchResults.jsx b/client/src/components/Search/PrimarySearchResults.jsx
@@ -84,6 +84,7 @@ class PrimaryResults extends Component {
               aria-selected={(i === index).toString()}
               className={i % 2 ? "list-item-odd" : "list-item-even"}
               style={i === index ? { backgroundColor: uiMedGray } : null}
+              onClick={this._handleOnClick}
               to={searchQueryRoute}
             >
               <img src={primaryResultIcons[type]} alt={type} />

diff --git a/client/src/scss/Results.scss b/client/src/scss/Results.scss
@@ -92,7 +92,7 @@
   .results-drawer-enter-active,
   .results-drawer-enter-done,
   .results-drawer-appear {
-    height: calc(100vh - 120px);
+    height: calc(100dvh - 120px);
     transition: height 300ms;
     overflow: hidden;
   }

diff --git a/client/src/scss/Search.scss b/client/src/scss/Search.scss
@@ -81,7 +81,7 @@ button {
 
 input[type="text"] {
   flex: 1;
-  padding: 12px 20px;
+  padding: 12px;
   box-sizing: inherit;
   border: none;
   border-radius: 0;
@@ -142,13 +142,12 @@ input[type="text"] {
 }
 
 .clear-button {
+  width: 36px;
   padding-left: 5px;
+  text-align: center;
   box-sizing: inherit;
   background: $ui-white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
+  display: block;
   font-size: 45px;
   color: $ui-dark-gray;
 }