X-Git-Url: https://git.openstreetmap.org./nominatim.git/blobdiff_plain/fc961c14fa3762530123e7aad3fae77b6e89be65..a9ad69efaeba8ca6122502c484316c26cba068fb:/website/css/search.css?ds=sidebyside diff --git a/website/css/search.css b/website/css/search.css index 29ad813f..d018ab94 100644 --- a/website/css/search.css +++ b/website/css/search.css @@ -1,35 +1,3 @@ -header { - /*position: fixed;*/ - 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 { @@ -39,6 +7,11 @@ form { form #q { min-width: 500px; } +@media (max-width: 850px) { +form #q { + min-width: 400px; +} +} form .checkbox-inline { margin-left: 10px; } @@ -46,9 +19,16 @@ form label { font-weight: normal; } +.search-type-link { + display: inline; + margin-right: 2em; + position: absolute; + right: 0 +} + .sidebar { width: 25%; - padding: 10px; + padding: 15px; padding-top: 0; display: inline-block; float: left; @@ -66,10 +46,12 @@ form label { #map { height: 100%; + min-height: 700px; background:#eee; } #map-position { + display: none; position: absolute; top: 0; right: 20px; @@ -80,6 +62,10 @@ form label { z-index: 100; } +#map-position-close { + text-align: right; +} + .result { font-size: 0.8em; margin: 5px; @@ -148,7 +134,13 @@ footer p { top: 20px; right: 20px; } + #map { + height: 300px; + } .sidebar { width: 100%; } + .search-button-group { + display: inline + } }