From 5f7a7ea2d81087c45eb821741ef4fb002fef8149 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Fri, 30 Aug 2019 10:37:30 +0300
Subject: [PATCH] Fix scrollbar placement for main container

---
 src/docs/styles/_layout.scss | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/docs/styles/_layout.scss b/src/docs/styles/_layout.scss
index 28bff4784..0c1313e68 100644
--- a/src/docs/styles/_layout.scss
+++ b/src/docs/styles/_layout.scss
@@ -19,10 +19,10 @@
     grid-template-rows: 100%;
   }
   // Large screen size (desktop, laptop)
-  @media screen and (min-width: $layout-large-breakpoint) {
-    grid-template-areas: "menu . content .";
-    grid-template-columns: 62px calc((100vw - 830px) / 2) 768px calc((100vw - 830px) / 2);
-  }
+  // @media screen and (min-width: $layout-large-breakpoint) {
+  //   grid-template-areas: "menu content";
+  //   // grid-template-columns: 62px calc((100vw - 830px) / 2) 768px calc((100vw - 830px) / 2);
+  // }
 }
 // Menu container
 header.menu {
@@ -37,17 +37,21 @@ header.menu {
   background: var(--back-color);
   &::-webkit-scrollbar-track {
     background-color: var(--scrollbar-back-color);
-    margin: 0.5rem 0;
-    border-radius: 0.125rem;
+    margin: 0.25rem 0;
+    border-radius: 0.1875rem;
   }
   &::-webkit-scrollbar {
-    width: 4px;
+    width: 6px;
     background: transparent;
   }
   &::-webkit-scrollbar-thumb {
     background-color: var(--scrollbar-fore-color);
     border: 1px solid var(--scrollbar-fore-color-lighter);
-    border-radius: 0.125rem;
+    border-radius: 0.1875rem;
+  }
+  @media screen and (min-width: calc(768px + 62px)) {
+    padding-left: calc((100% - 768px - 62px) / 2);
+    padding-right: calc((100% - 768px - 62px) / 2);
   }
 }