From 73079e44175f45f15a8f3b1accb3cec934d1851b Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 6 Aug 2024 11:43:22 +0100
Subject: [PATCH] Fix some layout edge cases

---
 packages/client/src/components/app/Layout.svelte | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/components/app/Layout.svelte b/packages/client/src/components/app/Layout.svelte
index 4a49dabbe9..72121640a6 100644
--- a/packages/client/src/components/app/Layout.svelte
+++ b/packages/client/src/components/app/Layout.svelte
@@ -406,6 +406,9 @@
     max-width: 100%;
     gap: var(--spacing-xl);
   }
+  .nav.size--max {
+    padding: 10px;
+  }
   .nav :global(.spectrum-Icon) {
     color: var(--navTextColor);
     opacity: 0.75;
@@ -414,10 +417,6 @@
     color: var(--navTextColor);
     opacity: 1;
   }
-  .layout:has(.screenslot-dom > .component > .grid) .nav {
-    padding: 24px 42px 20px 42px;
-  }
-
   .nav :global(h1) {
     color: var(--navTextColor);
   }
@@ -483,6 +482,9 @@
     position: relative;
     padding: 32px;
   }
+  .main:not(.size--max):has(.screenslot-dom > .component > .grid) {
+    padding: 22px;
+  }
 
   .layout--none .main {
     padding: 0;
@@ -614,6 +616,10 @@
   .mobile:not(.layout--none) .main {
     padding: 16px;
   }
+  .mobile:not(.layout--none)
+    .main:not(.size--max):has(.screenslot-dom > .component > .grid) {
+    padding: 6px;
+  }
   .mobile .main.size--max {
     padding: 0;
   }