Add interface for setting advanced search options (#38)

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

diff --git a/src/assets/css/search.css b/src/assets/css/search.css
index 51a4490ed44adc794d8b918c5d7a2a1e9ea562c0..49c200797882e08bfdd42f50f5dbd2602b36fb59 100755 (executable)
--- a/src/assets/css/search.css
+++ b/src/assets/css/search.css
@@ -7,9 +7,11 @@
   max-width: 500px;
 }
 
-.form-group-simple.hidden,
-.form-group-structured.hidden {
-  display: none;
+.tab-content {
+  border: 1px solid #ddd;
+  border-top: none;
+  display: flex;
+  align-items: baseline
 }
 
 form #q {
@@ -20,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 {
@@ -35,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 {
@@ -51,7 +54,7 @@ form label {
 
 #map-wrapper {
   position: relative;
-  min-height: 700px;
+  height: calc(100vh - 250pt);
   width: 75%;
   padding-right: 20px;
   display: inline-block;
@@ -60,7 +63,6 @@ form label {
 
 #map {
   height: 100%;
-  min-height: 700px;
   background:#eee;
 }
 
@@ -101,6 +103,7 @@ form label {
   margin: 10px auto;
   display: block;
   max-width: 10em;
+  padding: 1px;
 }
 .result img{
   float: right;
@@ -152,12 +155,20 @@ form label {
   }
 }
 
-.search-button-group {
-  margin-top: 3px;
-  box-sizing: content-box;
-  margin-bottom: 3px;
-}
-
 label {
   font-weight: normal;
-}
\ No newline at end of file
+}
+
+#searchAdvancedOptionsContent {
+  display: flex;
+  flex-direction: column;
+  padding: 0 10px
+}
+
+#searchAdvancedOptionsContent label {
+  padding: 0 3px;
+}
+
+#searchAdvancedOptionsContent span {
+  padding: 4px 10px;
+}