From 8bf08fd2ccdb41ddc78d6d42d6fbc45a2bbf0f5c Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Mon, 21 Jan 2019 15:01:43 +0200
Subject: [PATCH] app styles updated

---
 src/app/styles.less | 77 +++++++++++++++++++++------------------------
 1 file changed, 35 insertions(+), 42 deletions(-)

diff --git a/src/app/styles.less b/src/app/styles.less
index e28e12926..dc9ff6aa8 100644
--- a/src/app/styles.less
+++ b/src/app/styles.less
@@ -48,55 +48,45 @@
     --poster-shape-ratio: 1.464;
 }
 
-:global {
-    * {
-        margin: 0px;
-        padding: 0px;
-        box-sizing: border-box;
-        border: none;
-        list-style: none;
-        user-select: none;
-        text-decoration: none;
-        outline: none;
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    border: none;
+    list-style: none;
+    user-select: none;
+    text-decoration: none;
+    outline: none;
+}
+
+html, body, :global(#app) {
+    position: relative;
+    z-index: 0;
+    width: 100vw;
+    height: 100vh;
+    min-width: 1000px;
+    min-height: 650px;
+    font-family: 'Roboto', 'sans-serif';
+    line-height: 1;
+
+    ::-webkit-scrollbar {
+        width: var(--scroll-bar-width);
     }
 
-    html, body, #app, .modal-container {
-        position: relative;
-        width: 100vw;
-        height: 100vh;
-        min-width: 1000px;
-        min-height: 650px;
-        font-family: 'Roboto', 'sans-serif';
-        line-height: 1;
-
-        ::-webkit-scrollbar {
-            width: var(--scroll-bar-width);
-        }
-
-        ::-webkit-scrollbar-thumb {
-            background-color: var(--color-secondarylighter80);
-        }
-
-        ::-webkit-scrollbar-track {
-            background-color: var(--color-backgroundlight);
-        }
+    ::-webkit-scrollbar-thumb {
+        background-color: var(--color-secondarylighter80);
     }
 
-    #app {
-        z-index: 0;
-        overflow: hidden;
-    }
-
-    .modal-container {
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 1;
-        overflow: hidden;
+    ::-webkit-scrollbar-track {
+        background-color: var(--color-backgroundlight);
     }
 }
 
-.route-container {
+:global(#app) {
+    overflow: hidden;
+}
+
+:global(.modal-container), .route-container {
     position: absolute;
     top: 0;
     right: 0;
@@ -104,5 +94,8 @@
     left: 0;
     z-index: 0;
     overflow: hidden;
+}
+
+.route-container {
     background-color: var(--color-background);
 }
\ No newline at end of file