X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/e5002d9c7050ffa47eeef27f019ae31343abc084..7904b49bb13c23b8c8beb4f5bcf25fa12d8374dd:/app/assets/stylesheets/common.scss diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index 6b97dd1a9..1e638d47d 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -358,8 +358,6 @@ body.small-nav { width: 40px; background-color: #333; background-color: rgba(0,0,0,.6); - border-radius: 4px 0 0 4px; - margin-bottom: 10px; outline: none; &:hover, @@ -383,21 +381,21 @@ body.small-nav { } } -.leaflet-control .zoomin, -.control-layers .control-button { - margin-bottom: 0px; - border-radius: 4px 0 0 0; +.leaflet-control-group-end + .leaflet-control { + padding-top: 10px; } -.leaflet-control .zoomout, -.control-key .control-button { - margin-bottom: 0; - border-radius: 0; +.leaflet-control:first-child, +.leaflet-control-group-end + .leaflet-control { + &.control-button, .control-button:first-child { + border-start-start-radius: 4px; + } } -.control-locate .control-button, -.control-share .control-button { - border-radius: 0 0 0 4px; +.leaflet-control-group-end { + &.control-button, .control-button:last-child { + border-end-start-radius: 4px; + } } /* Rules for the sidebar and main map area */ @@ -511,15 +509,6 @@ body.small-nav { padding: 10px 20px; } - a.close-button { - float: right; - padding:5px; - font-size:20px; - line-height:10px; - color:#222; - border:1px solid $grey; - } - .tooltip { opacity: 1; border: 1px solid $grey; @@ -1418,7 +1407,7 @@ abbr.geo { border-bottom: none; } -/* General styles for action lists / subnavs / pager navs */ +/* General styles for action lists / subnavs */ nav.secondary-actions { @@ -1431,10 +1420,6 @@ nav.secondary-actions { margin-bottom: 0; margin-left: -1px; padding: 0; - &.pager { - display: inline-block; - margin-right: 60px; - } > li { flex-basis: auto; list-style: none; @@ -1582,10 +1567,6 @@ dl.dl-inline { .site-about #content { background-color: $lightgrey; - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: cover; - background-attachment: fixed; .content-inner { max-width: 760px;