From e439217bb99bff71f980705bfd28ae8a1207ad1e Mon Sep 17 00:00:00 2001
From: Stephan Meijer <stephan.meijer@gmail.com>
Date: Mon, 27 Apr 2020 15:26:16 +0200
Subject: [PATCH] improve styling

---
 assets/css/leaflet.css | 46 +++++++++++++++++++++++-------------------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/assets/css/leaflet.css b/assets/css/leaflet.css
index be4b42a9..4b7d3ffa 100644
--- a/assets/css/leaflet.css
+++ b/assets/css/leaflet.css
@@ -20,18 +20,18 @@
 
 /* magnifying glass */
 .leaflet-control-geosearch a.leaflet-bar-part:before {
-  top: 19px;
-  left: 16px;
-  width: 8px;
+  top: 15px;
+  left: 13px;
+  width: 6px;
   border-top: 2px solid #555;
   transform: rotateZ(45deg);
 }
 
 .leaflet-control-geosearch a.leaflet-bar-part:after {
-  top: 6px;
-  left: 6px;
-  height: 14px;
-  width: 14px;
+  top: 8px;
+  left: 8px;
+  height: 8px;
+  width: 8px;
   border-radius: 50%;
   border: 2px solid #555;
 }
@@ -73,32 +73,35 @@
 .leaflet-control-geosearch form {
   display: none;
   position: absolute;
-  top: -2px;
-  left: 28px;
+  top: 0;
+  left: 26px;
   border-radius: 0 4px 4px 0;
-  border: 2px solid rgba(0, 0, 0, 0.2);
-  border-left: none;
   background-color: #fff;
   background-clip: padding-box;
   z-index: -1;
   height: auto;
   margin: 0;
   padding: 0 8px;
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
 }
 
 .leaflet-control-geosearch.active form {
   display: block;
 }
 
+.leaflet-geosearch-button.active .leaflet-bar-part {
+  border-radius: 4px 0 0 4px;
+}
+
 .leaflet-control-geosearch form input {
   min-width: 200px;
   width: 100%;
-  border: none;
   outline: none;
   margin: 0;
   padding: 0;
   font-size: 12px;
-  height: 30px;
+  height: 26px;
+  border: none;
   border-radius: 0 4px 4px 0;
   text-indent: 8px;
 }
@@ -147,12 +150,12 @@
   100% { transform: rotate(360deg); }
 }
 
-.leaflet-top .leaflet-control-geosearch.bar,
-.leaflet-bottom .leaflet-control-geosearch.bar {
+.leaflet-top .leaflet-geosearch-bar,
+.leaflet-bottom .leaflet-geosearch-bar {
   display: none;
 }
 
-.leaflet-control-geosearch.bar {
+.leaflet-geosearch-bar {
   position: relative;
   display: block;
   height: auto;
@@ -162,21 +165,20 @@
   z-index: 1000;
 }
 
-.leaflet-control-geosearch.bar form {
+.leaflet-geosearch-bar form {
   position: relative;
   top: 0;
   left: 0;
   display: block;
-  border: 2px solid rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
 
-.leaflet-control-geosearch.bar form input {
+.leaflet-geosearch-bar form input {
   min-width: 100%;
   width: 100%;
 }
 
-.leaflet-control-geosearch.bar .results.active:after {
+.leaflet-geosearch-bar .results.active:after {
   opacity: .2;
 }
 
@@ -190,8 +192,9 @@
 
 .leaflet-control-geosearch a.reset {
   color: black;
+  font-weight: bold;
   position: absolute;
-  line-height: 30px;
+  line-height: 26px;
   padding: 0 8px;
   right: 0;
   top: 0;
@@ -199,6 +202,7 @@
   border: none;
   text-decoration: none;
   background-color: #fff;
+  border-radius: 0 4px 4px 0;
 }
 
 .leaflet-control-geosearch a.reset:hover {