Add margins around the page

res/static/style/layout.css

@@ -135,7 +135,7 @@ footer>.footer_content {
 	height: 100%;
 	left: 0;
 	float: left;
-	padding: 20px 10px 10px 0;
+	padding: 20px 0 10px 0;
 	overflow-y: auto;
 	overflow-x: hidden;
 	text-align: left;
@@ -154,14 +154,19 @@ footer>.footer_content {
 	/* Center the header and body */
 	overflow-y: auto;
 	overflow-x: hidden;
-	transition: margin-left 0.5s;
+	transition: margin 0.5s;
 }
 
 .page_content {
 	background: var(--body_background);
-	border-top-left-radius: 8px;
-	border-bottom-left-radius: 8px;
-	transition: border-top-left-radius 1s, border-bottom-left-radius 1s;
+	border-radius: 8px;
+	overflow: hidden;
+}
+
+.page_content,
+.page_margins {
+	margin-right: 5px;
+	margin-left: 5px;
 }
 
 @media (max-width: 1100px) {
@@ -171,12 +176,14 @@ footer>.footer_content {
 
 	.page_body {
 		margin-left: 0;
+		margin-right: 0;
 		width: 100%;
 	}
 
-	.page_content {
-		border-top-left-radius: 0;
-		border-bottom-left-radius: 0;
+	.page_content,
+	.page_margins {
+		margin-left: 0;
+		margin-right: 0;
 	}
 
 	header>h1 {

res/template/fragments/page_wrap.html

@@ -29,23 +29,14 @@
 function toggleMenu() {
 	var nav  = document.getElementById("page_navigation");
 	var body = document.getElementById("page_body");
-	var content = document.getElementById("page_content");
 	if (nav.offsetLeft === 0) {
 		// Menu is visible, hide it
 		nav.style.left = -nav.offsetWidth + "px";
 		body.style.marginLeft = "0";
-		if (content) {
-			content.style.borderTopLeftRadius = "0"
-			content.style.borderBottomLeftRadius = "0"
-		}
 	} else {
 		// Menu is hidden, show it
 		nav.style.left = "0";
 		body.style.marginLeft = nav.offsetWidth + "px";
-		if (content) {
-			content.style.borderTopLeftRadius = "8px"
-			content.style.borderBottomLeftRadius = "8px"
-		}
 	}
 }
 function resetMenu() {

res/template/home.html

@@ -11,7 +11,7 @@
 			background-color: var(--background_color);
 			background-blend-mode: luminosity;
 			color: #ffffff;
-			box-shadow: inset 0 0 2px 0 var(--shadow_color);
+			box-shadow: inset 0 0 10px -4px var(--shadow_color);
 			border: none;
 		}
 		</style>