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%;