v0.6.1: minor fixes

- fixed modal style
- modified some texts
- worked on stationsNearMe functionality (WIP)
- correct sorting of OSM level list

style.scss

@@ -54,6 +54,8 @@ $mediumBreakpoint: 800px;
   --station-border-hover: var(--color-gray-600);
   --elevator-bg: var(--color-gray-100);
 
+  --backdrop: rgb(0 0 0 / 20%);
+
   @media (prefers-color-scheme: dark) {
     // LineType Colors
     --bg-type-u-disabled: #{scale-color($colorTypeU, $saturation: -80%, $lightness: +20%)};
@@ -80,6 +82,8 @@ $mediumBreakpoint: 800px;
     --station-border: var(--color-gray-600);
     --station-border-hover: var(--color-gray-400);
     --elevator-bg: var(--color-gray-900);
+
+    --backdrop: rgb(100% 100% 100% / 20%);
   }
 
   --elevator-list-gap: 3rem;
@@ -109,29 +113,42 @@ body {
   right: 0;
   bottom: 0;
   left: 0;
-  background: rgb(0 0 0 / 30%);
+  z-index: 99;
+  background: var(--backdrop);
 
   &.active {
     display: block;
   }
-}
 
 
-[role="dialog"] {
-  box-sizing: border-box;
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 15px;
-  border-radius: 1rem;
-  background-color: var(--background);
-  color: var(--color);
-  position: relative;
+  [role="dialog"] {
+    box-sizing: border-box;
+    max-width: 800px;
+    margin: 0 auto;
+    padding: var(--space-xl);
+    padding-bottom: var(--space-2xl);
+    background-color: var(--bg);
+    color: var(--text);
+    overflow: hidden;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    border-radius: var(--item-radius) var(--item-radius) 0 0;
 
-  button {
-    &.close-modal {
-      position: absolute;
-      top: 0;
-      right: 0;
+    @media screen and (min-width: $mobileBreakpoint) {
+      position: relative;
+      border-radius: var(--item-radius);
+    }
+
+    button {
+      &.close-modal {
+        position: absolute;
+        top: 0;
+        right: 0;
+        border-radius: 0 0 0 var(--btn-radius);
+        border: none;
+      }
     }
   }
 }
@@ -267,6 +284,12 @@ div#updateInfo {
   align-items: center;
   gap: var(--space-m);
   justify-content: end;
+  flex-direction: column;
+  margin-bottom: var(--space-l);
+
+  @media screen and (min-width: $mobileBreakpoint) {
+    flex-direction: row;
+  }
 
   #oldDataWarning {
     color: var(--color-red-600);
@@ -948,6 +971,10 @@ span[data-icon] {
     mask-image: url(/md_icons/load.svg);
   }
 
+  &[data-icon="close"] {
+    mask-image: url(/md_icons/close.svg);
+  }
+
   &.spinner {
     animation-delay: 0s;
     animation-direction: normal;