routes: fixed appearance

src/styles/dialogs.less

@@ -125,7 +125,6 @@
 }
 
 .dialog-maplist-loader {
-  height: 60px;
   display: flex;
   margin-bottom: 10px;
   text-transform: uppercase;
@@ -133,20 +132,31 @@
   align-items: center;
   justify-content: center;
   user-select: none;
-  position: relative;
-  opacity: 0.5;
-  padding-left: 60px;
+  opacity: 0.1;
+
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  padding-top: 200px;
+  box-sizing: border-box;
+  font-weight: 600;
+  font-size: 20px;
+  text-align: center;
 
   .spin {
     animation: spin infinite reverse 2s linear;
   }
   .dialog-maplist-icon {
     position: absolute;
-    left: 0;
+    left: 50%;
+    top: 50%;
+    margin-left: -100px;
+    margin-top: -100px;
 
     svg {
-      width: 60px;
-      height: 60px;
+      width: 200px;
+      height: 200px;
       fill: white;
     }
   }

src/styles/main.less

@@ -148,3 +148,7 @@ input {
   font-size: 14px;
   font-weight: 200;
 }
+
+.relative {
+  position: relative;
+}

src/styles/slider.less

@@ -46,8 +46,8 @@
     left: 0;
     height: 4px;
     border-radius: @border-radius-base;
-    background: linear-gradient(270deg, @red_secondary, @blue_secondary) fixed 20px 0;
-    background-size: 320px 100px;
+    background: linear-gradient(270deg, @red_secondary, @blue_secondary);
+    // background-size: 320px 100px;
   }
 
   &-handle {