From 9b805e7b77ac2761299ae5d9b9c6f8a2a8f8331e Mon Sep 17 00:00:00 2001
From: Miki <mikif70@gmail.com>
Date: Wed, 6 Dec 2023 11:35:03 +0100
Subject: [PATCH] =setup form layout

---
 frontend/src/routes/setup/+page.svelte | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/frontend/src/routes/setup/+page.svelte b/frontend/src/routes/setup/+page.svelte
index 4c0f9fd..86aab1e 100644
--- a/frontend/src/routes/setup/+page.svelte
+++ b/frontend/src/routes/setup/+page.svelte
@@ -7,7 +7,7 @@
     <span class="title">title</span>
 </div>
 
-<div>
+<div class="heat">
     <form action="" method="post">
         <label for="name">Name</label>
         <input id="name" type="text">
@@ -16,7 +16,7 @@
     </form>
 </div>
 
-<div>
+<div class="surfer">
     <form action="" method="post">
         <label for="firstname">Firstname</label>
         <input id="firstname" type="text">
@@ -32,7 +32,7 @@
     .header {
         background-color: black;
         color: aliceblue;
-        display: flex;        
+        display: inline-flex
     }
 
     .header .img {
@@ -41,10 +41,22 @@
 
     .header .title {
         font-size: 3rem;
-        align-self: center;
-        justify-self: center;
-        margin-left: 25%;
-        margin-right: 25%;
+    }
+
+    .heat {
+        margin-top: 2px;
+        margin-bottom: 2px;
+        background-color: #111;
+        color: lightcyan;
+        display: flex;
+    }
+
+    .surfer {
+        margin-top: 2px;
+        margin-bottom: 2px;
+        background-color: #111;
+        color: lightcyan;
+        display: flex;
     }
 
 </style>
\ No newline at end of file