From 6ea9cefa323a0fc8446ce449a942e6334f8e86e8 Mon Sep 17 00:00:00 2001
From: KaroGil <karolinkagil@gmail.com>
Date: Sun, 30 Mar 2025 11:08:00 +0200
Subject: [PATCH 1/2] space it out morespace it out more

---
 app/hobbies/[slug]/page.tsx  | 2 +-
 app/login/page.tsx           | 2 +-
 app/page.tsx                 | 2 +-
 app/register/page.tsx        | 2 +-
 components/footer.tsx        | 2 +-
 components/header.tsx        | 2 --
 components/interestsMenu.tsx | 4 ++--
 7 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/app/hobbies/[slug]/page.tsx b/app/hobbies/[slug]/page.tsx
index 3b106e4..00cf59f 100644
--- a/app/hobbies/[slug]/page.tsx
+++ b/app/hobbies/[slug]/page.tsx
@@ -13,7 +13,7 @@ export default async function HobbyPage({ params }: PageProps) {
   const filteredPosts = posts.filter((post) => post.hobby?.slug === slug);
 
   return (
-    <div className="relative p-4 w-full space-y-4">
+    <div className="relative px-4 pt-12 pb-40 w-full space-y-4">
       <NewPost />
       <div className="w-full grid grid-cols-1 gap-4 md:grid-cols-2 ">
         {filteredPosts.map((post) => (
diff --git a/app/login/page.tsx b/app/login/page.tsx
index 3e40f67..cb73385 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -28,7 +28,7 @@ export default function LoginPage() {
   }
 
   return (
-    <div className="flex items-center justify-center mt-8 flex-col">
+    <div className="flex items-center justify-center mt-12 flex-col">
       <form
         onSubmit={handleSubmit}
         className="flex flex-col gap-4 items-center w-72"
diff --git a/app/page.tsx b/app/page.tsx
index 992670b..2acc7d7 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -7,7 +7,7 @@ export default async function Home() {
   const session = await getServerSession(authOptions);
 
   return (
-    <div className="flex flex-col gap-8 items-center justify-center m-8 font-bold text-xl h-full">
+    <div className="flex flex-col gap-12 items-center justify-center m-20 font-bold text-xl h-full">
       <div>
         {session ? (
           <p>Velkommen, {session.user?.name}!</p>
diff --git a/app/register/page.tsx b/app/register/page.tsx
index 8eff278..2d93cd2 100644
--- a/app/register/page.tsx
+++ b/app/register/page.tsx
@@ -44,7 +44,7 @@ export default function RegisterPage() {
   }
 
   return (
-    <div className="flex items-center justify-center my-6 flex-col">
+    <div className="flex items-center justify-center my-12 flex-col">
       <form
         onSubmit={handleSubmit}
         className="flex flex-col gap-4 items-center w-72"
diff --git a/components/footer.tsx b/components/footer.tsx
index b7c28d8..0b57830 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -5,7 +5,7 @@ import { DiGithubBadge } from "react-icons/di";
 export function Footer() {
   return (
     <AnimatedIcons n={10}>
-      <footer className="flex flex-col bottom-0 w-full bg-foreground text-background p-12 border-t">
+      <footer className="flex flex-col bottom-0 w-full bg-foreground text-background p-12 border-t mt-50">
         <div className="flex flex-row items-center justify-center w-full">
           <p className="uppercase text-lg font-bold">...KOMPIS</p>
           <div className="ml-auto flex justify-center gap-4">
diff --git a/components/header.tsx b/components/header.tsx
index b194378..53fb79b 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -16,7 +16,6 @@ export function Header() {
   const [ending, setEnding] = useState("kompis");
   const [bergenser, setBergenser] = useState(false);
 
-  // 🧠 Update ending when bergenser changes
   useEffect(() => {
     if (bergenser) {
       setEnding("tjommi");
@@ -25,7 +24,6 @@ export function Header() {
     }
   }, [bergenser]);
 
-  // 🧠 Update title and bade when pathname or ending changes
   useEffect(() => {
     if (pathname.startsWith("/hobbies/")) {
       const hobby = pathname.split("/")[2];
diff --git a/components/interestsMenu.tsx b/components/interestsMenu.tsx
index a23116d..90d150c 100644
--- a/components/interestsMenu.tsx
+++ b/components/interestsMenu.tsx
@@ -9,8 +9,8 @@ export default async function InterestMenu() {
   const user = session?.user;
 
   return (
-    <div className="flex flex-col gap-8 items-center justify-center m-6 font-bold text-xl">
-      <h1>Hvilke interesser har du?</h1>
+    <div className="flex flex-col gap-16 items-center justify-center m-6 font-bold text-xl">
+      <h1 className="text-3xl">Hvilke interesser har du?</h1>
 
       <div className="w-full max-w-screen overflow-hidden">
         <div className="animate-scroll flex gap-4 whitespace-nowrap w-max">

From c4d62816aa6b176c6606bf2460b8a9a12b563cda Mon Sep 17 00:00:00 2001
From: KaroGil <karolinkagil@gmail.com>
Date: Sun, 30 Mar 2025 11:10:24 +0200
Subject: [PATCH 2/2] catch the ducks!

---
 app/layout.tsx        | 1 +
 components/footer.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index 780d254..bf16687 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -29,6 +29,7 @@ export default function RootLayout({
         <SessionProviderWrapper>
           <Header />
           <main className="flex-grow">{children}</main>
+          <div className="flex-grow mt-50" />
         </SessionProviderWrapper>
         <Footer />
       </body>
diff --git a/components/footer.tsx b/components/footer.tsx
index 0b57830..b7c28d8 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -5,7 +5,7 @@ import { DiGithubBadge } from "react-icons/di";
 export function Footer() {
   return (
     <AnimatedIcons n={10}>
-      <footer className="flex flex-col bottom-0 w-full bg-foreground text-background p-12 border-t mt-50">
+      <footer className="flex flex-col bottom-0 w-full bg-foreground text-background p-12 border-t">
         <div className="flex flex-row items-center justify-center w-full">
           <p className="uppercase text-lg font-bold">...KOMPIS</p>
           <div className="ml-auto flex justify-center gap-4">