More sensitive scroll-bar behavior.

Signed-off-by: Thomas Hallgren <[email protected]>

src/components/Layout/layout.less

@@ -2,6 +2,15 @@
 @import './vars.less';
 // @import './interFont.css';
 
+::-webkit-scrollbar {
+	-webkit-appearance: none;
+	width: 9px;
+}
+::-webkit-scrollbar-thumb {
+	border-radius: 5px;
+	background-color: rgba(0, 0, 0, .5);
+}
+
 /* source-sans-pro-300 - latin */
 @font-face {
 	font-family: 'Source Sans Pro';

src/templates/doc-page.less

@@ -1,18 +1,21 @@
 .docs {
     display: grid;
     grid-template-columns: 300px auto;
-    grid-template-rows: auto min-content;
+    grid-template-rows: auto;
     &__sidebar {
         grid-column: 1;
         grid-row-start: 1;
         grid-row-end: 3;
     }
     &__main {
+        height: 85dvh;
+        overflow-y: auto;
         grid-column: 2;
         grid-row: 1;
     }
     &__footer {
         grid-column: 2;
         grid-row: 2;
+        padding: 0 10px 0px 10px;
     }
 }