diff --git a/resources/components/stop/details.html b/resources/components/stop/details.html index f04dc1c..dba5cda 100644 --- a/resources/components/stop/details.html +++ b/resources/components/stop/details.html @@ -22,16 +22,6 @@ - -
- Na mapie: -
- - - - -
-
diff --git a/resources/styles/_trip.scss b/resources/styles/_trip.scss index 1f3020a..c0fc03a 100644 --- a/resources/styles/_trip.scss +++ b/resources/styles/_trip.scss @@ -60,11 +60,10 @@ $trip-visited: rgba($dark, .3); display: block; height: $trip-line-width; background: $dark; - width: 50%; + width: calc(50% - #{$trip-stop-marker-size / 2}); position: absolute; top: $trip-stop-marker-spacing + ($trip-stop-marker-size) / 2; transform: translateY(-50%); - z-index: -1; } &::after { diff --git a/resources/styles/main.scss b/resources/styles/main.scss index 63a5f4c..4f5aeee 100644 --- a/resources/styles/main.scss +++ b/resources/styles/main.scss @@ -123,7 +123,6 @@ body { main { flex: 1 1 auto; position: relative; - margin-bottom: 2rem; > * { transition: opacity .3s ease-in-out; @@ -159,6 +158,7 @@ body { font-size: small; color: $text-muted; text-align: right; + margin-top: 0.5rem; } footer { @@ -194,6 +194,7 @@ body { @include media-breakpoint-up('md') { #app { padding-top: 4rem; + padding-top: 2rem; } body footer > * { diff --git a/resources/styles/ui/_modal.scss b/resources/styles/ui/_modal.scss index 2192306..770be0b 100644 --- a/resources/styles/ui/_modal.scss +++ b/resources/styles/ui/_modal.scss @@ -18,7 +18,7 @@ } } -$dialog-margin: 1rem; +$dialog-margin: 2rem; $dialog-sizes: ( medium: 480px, small: 320px, @@ -32,6 +32,11 @@ $dialog-sizes: ( margin: auto; box-shadow: rgba(black, .7) 0 1px 3px; border-radius: 1px; + box-sizing: content-box; + + &.ui-modal--slim { + padding: $dialog-margin / 2; + } @each $size, $width in $dialog-sizes { &.ui-modal--#{$size} { @@ -61,6 +66,10 @@ $dialog-sizes: ( } @include media-breakpoint-down('sm') { + .ui-dialog { + padding: $dialog-margin / 2; + } + @each $size, $width in $dialog-sizes { .ui-modal.ui-modal--#{$size} { width: 100%;