From c0876e7be8c098df312a9051b9d0a0a256a23143 Mon Sep 17 00:00:00 2001
From: McMatts <matt@documize.com>
Date: Tue, 28 May 2019 16:12:25 +0100
Subject: [PATCH] Allow for scrollable doc TOC + scroll to top + wrap section
 names

Closes #254
---
 gui/app/styles/core/layout/layout.scss | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/gui/app/styles/core/layout/layout.scss b/gui/app/styles/core/layout/layout.scss
index a8385596..5a322c37 100644
--- a/gui/app/styles/core/layout/layout.scss
+++ b/gui/app/styles/core/layout/layout.scss
@@ -10,7 +10,7 @@
 		display: block;
 		height: auto;
 		width: 100%;
-		padding: 10px;
+		margin: 10px;
 	}
 
 	.master-content {
@@ -21,9 +21,6 @@
 	}
 }
 
-// $sidebar-height: calc(100vh - 90px);
-$sidebar-height: auto;
-
 // Tablet starts around 700px
 @media (min-width: $display-break-1) {
 	.master-grid-container {
@@ -32,13 +29,12 @@ $sidebar-height: auto;
 
 		.master-sidebar {
 			width: 200px;
-			height: $sidebar-height;
-			// overflow-x: hidden;
-			// overflow-y: auto;
-			padding: 20px 10px 20px 20px;
-			height: calc(100vh - 150px);
+			margin: 20px 10px 20px 20px;
+			height: calc(100vh - 90px - 40px);
 			@include sticky();
 			top: 0px;
+			overflow-x: hidden;
+			overflow-y: auto;
 		}
 
 		.master-content {
@@ -75,7 +71,8 @@ $sidebar-height: auto;
 
 		.master-sidebar {
 			width: 300px;
-			padding: 40px 10px 40px 20px;
+			margin: 40px 10px 40px 20px;
+			height: calc(100vh - 90px - 80px);
 		}
 
 		.master-content {
@@ -94,7 +91,7 @@ $sidebar-height: auto;
 
 		.master-sidebar {
 			width: 400px;
-			padding: 40px 10px 40px 20px;
+			margin: 40px 10px 40px 20px;
 		}
 
 		.master-content {