X-Git-Url: https://git.openstreetmap.org./nominatim.git/blobdiff_plain/f2a2c29815768171406587b7bc528f5033ec9b8f..414e6f089fc361ac22e28227be2d34a256226505:/website/css/search.css?ds=sidebyside diff --git a/website/css/search.css b/website/css/search.css index 8ac51f9a..9215a1d7 100644 --- a/website/css/search.css +++ b/website/css/search.css @@ -7,6 +7,11 @@ form { form #q { min-width: 500px; } +@media (max-width: 850px) { + form #q { + min-width: 400px; + } +} form .checkbox-inline { margin-left: 10px; } @@ -14,6 +19,19 @@ form label { font-weight: normal; } +.search-type-link { + display: inline; + margin-right: 2em; + position: absolute; + right: 0 +} + +#switch-coords { + font-size: 0.8em; + font-weight: bold; + cursor: pointer; +} + .sidebar { width: 25%; padding: 15px; @@ -25,7 +43,7 @@ form label { #map-wrapper { position: relative; - min-height: 700px; + min-height: 500px; width: 75%; padding-right: 20px; display: inline-block; @@ -33,12 +51,13 @@ form label { } #map { - height: 100%; - min-height: 700px; + height: 90%; + min-height: 500px; background:#eee; } #map-position { + display: none; position: absolute; top: 0; right: 20px; @@ -46,7 +65,11 @@ form label { color: #333; font-size: 11px; background-color: rgba(255, 255, 255, 0.7); - z-index: 100; + z-index: 500; +} + +#map-position-close { + text-align: right; } .result { @@ -123,4 +146,7 @@ footer p { .sidebar { width: 100%; } + .search-button-group { + display: inline + } }