From 427663167a07072f6f8b5d6428982815883d8cdc Mon Sep 17 00:00:00 2001
From: Webifi <john@webifi.com>
Date: Wed, 31 May 2023 20:00:40 -0500
Subject: [PATCH] Allow nested sections to work correctly

---
 src/App.svelte      | 2 +-
 src/app.scss        | 4 ++--
 src/lib/Home.svelte | 2 ++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 1562971..8d21d8b 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -35,7 +35,7 @@
 
 
 <Navbar />
-<section class="section">
+<section class="section root-section">
   <div class="container is-fullhd">
     <div class="columns">
       <div class="column is-one-fifth side-bar-column">
diff --git a/src/app.scss b/src/app.scss
index 36748e9..16a5649 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -100,7 +100,7 @@ html {
   flex-grow: 1;
   min-height: 100vh;
 
-  section.section {
+  section.section.root-section {
     flex-grow: 1;
   }
 }
@@ -305,7 +305,7 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t
   width: var(--mainContentWidth)
 }
 
-section.section {
+section.section.root-section {
   padding: 0px;
   padding-top: var(--sectionPaddingTop);
 }
diff --git a/src/lib/Home.svelte b/src/lib/Home.svelte
index 14a4bf4..a760cbd 100644
--- a/src/lib/Home.svelte
+++ b/src/lib/Home.svelte
@@ -5,6 +5,7 @@ $: apiKey = $apiKeyStorage
 
 </script>
 
+<section class="section">
 <article class="message">
   <div class="message-body">
     <strong><a href="https://github.com/Niek/chatgpt-web">ChatGPT-web</a></strong>
@@ -59,3 +60,4 @@ $: apiKey = $apiKeyStorage
     </div>
   </article>
 {/if}
+</section>