From 075c88258aca27d3dd61e06da22f7858d899cf49 Mon Sep 17 00:00:00 2001
From: ViktorYeet <viktor@stefansbo.se>
Date: Thu, 26 Sep 2024 20:05:22 +0200
Subject: [PATCH] added a gap between last card and bottom of page and removed
 useless wrapper div

---
 frontend/pages/index.tsx               | 14 ++++++--------
 frontend/resources/styles/globals.scss |  6 ++++--
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx
index 88d9c94..9a6aa5b 100644
--- a/frontend/pages/index.tsx
+++ b/frontend/pages/index.tsx
@@ -22,14 +22,12 @@ const Home: NextPage = () => {
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
-      <div className="backgroundcolor">
-        <Header categories={categories} show={show} setShow={setShow} />
-        <main>
-          {categories.map((service: Category) => (
-            <CategoryList categories={service} key={service.category} />
-          ))}
-        </main>
-      </div>
+      <Header categories={categories} show={show} setShow={setShow} />
+      <main>
+        {categories.map((service: Category) => (
+          <CategoryList categories={service} key={service.category} />
+        ))}
+      </main>
     </>
   );
 };
diff --git a/frontend/resources/styles/globals.scss b/frontend/resources/styles/globals.scss
index 3dfa441..8bcee13 100644
--- a/frontend/resources/styles/globals.scss
+++ b/frontend/resources/styles/globals.scss
@@ -21,6 +21,9 @@ html {
 body {
   margin: 0;
   padding: 0;
+  background-color: var(--site-background);
+  color: var(--text);
+  padding-bottom: 10vh;
   //background-color: #f0f0f0;
 }
 
@@ -267,6 +270,5 @@ button {
 
 /* dark mode och lightmode är samma bör göras till en klass */
 .backgroundcolor {
-  background-color: var(--site-background);
-    color: var(--text);
+  
 }
\ No newline at end of file