X-Git-Url: https://git.openstreetmap.org./nominatim.git/blobdiff_plain/c7eea2e41914b0757d6deb3cd595ae6b7458db38..5fd8f5aa2770a8193a36de20462c710bb00a0222:/website/css/search.css diff --git a/website/css/search.css b/website/css/search.css index 89ccc8ef..9215a1d7 100644 --- a/website/css/search.css +++ b/website/css/search.css @@ -1,34 +1,3 @@ -header { - width: 100%; - padding: 15px; - z-index: 5; -} - -header .brand { - white-space: nowrap; -} - -header .brand a:hover{ - text-decoration: none; -} - -header .brand h1 { - display: inline; - font-size: 1.5em; - color: #333; -} - -header .brand > img { - display: inline-block; - margin-right: 5px; - margin-top: -5px; -} - -header #last-updated { - font-size: 0.7em; - white-space: nowrap; - text-align: center; -} form { @@ -38,6 +7,11 @@ form { form #q { min-width: 500px; } +@media (max-width: 850px) { + form #q { + min-width: 400px; + } +} form .checkbox-inline { margin-left: 10px; } @@ -45,9 +19,22 @@ 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: 10px; + padding: 15px; padding-top: 0; display: inline-block; float: left; @@ -56,7 +43,7 @@ form label { #map-wrapper { position: relative; - min-height: 700px; + min-height: 500px; width: 75%; padding-right: 20px; display: inline-block; @@ -64,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; @@ -77,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 { @@ -154,4 +146,7 @@ footer p { .sidebar { width: 100%; } + .search-button-group { + display: inline + } }