From 4f270be8e6334cb171118a4cb5956db7eda60513 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 19 Dec 2022 15:50:02 -0500
Subject: [PATCH] Grid adjustments, margins are consistently aligned with
 y-axis

---
 packages/gui/src/routes/+layout.svelte | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/gui/src/routes/+layout.svelte b/packages/gui/src/routes/+layout.svelte
index 4d8ee6b..aa11bc7 100644
--- a/packages/gui/src/routes/+layout.svelte
+++ b/packages/gui/src/routes/+layout.svelte
@@ -24,7 +24,7 @@
 		{/if}
 		<figure />
 
-		<div style="padding: 0vw 3.33vw;">
+		<div class="content">
 			<!-- all pages get inserted in this slot -->
 			<slot />
 		</div>
@@ -50,7 +50,8 @@
 		height: 100vh;
 		overflow-y: scroll;
 	}
-	@media screen and (min-width: 1215px) {
+
+	@media screen and (min-width: 1440px) {
 		figure {
 			position: fixed;
 			z-index: 0;
@@ -60,10 +61,13 @@
 			bottom: 0px;
 			background-image: url('/images/gui-background-grid.svg');
 			background-size: cover;
-			background-repeat: repeat;
+			background-repeat: repeat-y;
+		}
+		.content {
+			padding: 0vw 3.6vw !important;
 		}
 	}
-	@media screen and (max-width: 1215px) {
+	@media screen and (max-width: 1440px) {
 		figure {
 			position: fixed;
 			z-index: 0;
@@ -75,6 +79,9 @@
 			background-size: contain;
 			background-repeat: repeat;
 		}
+		.content {
+			padding: 0vw 3.33vw;
+		}
 	}
 	header {
 		position: absolute;