From 3a8587b2ad115fd42c86205baf8d1fcc9bcd5392 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sun, 27 Aug 2023 13:45:20 +0200
Subject: [PATCH] Better use of entire viewport size

---
 src/routes/+layout.svelte | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ca0d026..ca8ee93 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -4,24 +4,31 @@
   import '../styles/global.css';
 </script>
 
-<HeaderComponent />
-<!-- <Darkmode/> -->
+<div class="app">
+  <HeaderComponent />
+  <!-- <Darkmode/> -->
 
-<div class="page-content">
-  <slot />
+  <main>
+    <slot />
+  </main>
 </div>
 
 <style lang="scss">
   @import '../styles/media-queries.scss';
 
-  .page-content {
+  .app {
+    min-height: calc(100vh - var(--header-height));
+  }
+
+  main {
     display: flex;
     flex-direction: column;
-    min-height: calc(100vh - var(--header-height));
+    min-height: 95vh;
     margin: var(--header-height) 2.5rem 0;
 
     @include mobile {
       margin: var(--header-height) 1rem 0;
+      min-height: 85vh;
     }
   }
 </style>