Fix some tiny errors related to background

resources/components/stop/details.html

@@ -22,16 +22,6 @@
             </li>
         </ul>
     </section>
-
-    <section>
-        <strong>Na mapie:</strong>
-        <div style="height: 350px" tabindex="-1">
-            <l-map :center="stop.location" :zoom=17>
-                <l-tile-layer url="//{s}.tile.osm.org/{z}/{x}/{y}.png" attribution='&copy; <a href="//osm.org/copyright">OpenStreetMap</a> contributors'></l-tile-layer>
-                <l-marker :lat-lng="stop.location"></l-marker>
-            </l-map>
-        </div>
-    </section>
 </div>
 <div v-else class="text-center">
     <ui-icon icon="spinner"/>

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 {

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 > * {

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