/reverse.html should be reverse.html to app works in subdirectory

[nominatim-ui.git] / dist / assets / css / search.css

diff --git a/dist/assets/css/search.css b/dist/assets/css/search.css
index f7448f7ad664e877f017e69a82e182a4d1eb9a9e..49c200797882e08bfdd42f50f5dbd2602b36fb59 100755 (executable)
--- a/dist/assets/css/search.css
+++ b/dist/assets/css/search.css
@@ -1,9 +1,19 @@
-
-
-form {
+.top-bar {
   width: 100%;
   padding: 1em 15px;
 }
+
+.top-bar #q {
+  max-width: 500px;
+}
+
+.tab-content {
+  border: 1px solid #ddd;
+  border-top: none;
+  display: flex;
+  align-items: baseline
+}
+
 form #q {
   min-width: 500px;
 }
@@ -12,11 +22,10 @@ form #q {
     min-width: 400px;
   }
 }
-form .checkbox-inline {
-  margin-left: 10px;  
-}
-form label {
-  font-weight: normal;
+
+#reverse-page form label {
+  margin-left: 0.4rem;
+  margin-right: 0.4rem;
 }
 
 .search-type-link {
@@ -27,9 +36,11 @@ form label {
 }
 
 #switch-coords {
-  font-size: 0.8em;
+  font-size: 0.6rem;
   font-weight: bold;
   cursor: pointer;
+  padding: 2px;
+  margin: 5px;
 }
 
 .sidebar {
@@ -43,7 +54,7 @@ form label {
 
 #map-wrapper {
   position: relative;
-  min-height: 700px;
+  height: calc(100vh - 250pt);
   width: 75%;
   padding-right: 20px;
   display: inline-block;
@@ -52,7 +63,6 @@ form label {
 
 #map {
   height: 100%;
-  min-height: 700px;
   background:#eee;
 }
 
@@ -93,6 +103,7 @@ form label {
   margin: 10px auto;
   display: block;
   max-width: 10em;
+  padding: 1px;
 }
 .result img{
   float: right;
@@ -140,6 +151,24 @@ form label {
     width: 100%;
   }
   .search-button-group {
-    display: inline
+    display: inline;
   }
 }
+
+label {
+  font-weight: normal;
+}
+
+#searchAdvancedOptionsContent {
+  display: flex;
+  flex-direction: column;
+  padding: 0 10px
+}
+
+#searchAdvancedOptionsContent label {
+  padding: 0 3px;
+}
+
+#searchAdvancedOptionsContent span {
+  padding: 4px 10px;
+}