From cf6cede3490e9266f0a9d2455b10a5d99ea6c78a Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Sun, 14 Jan 2024 16:30:38 +0100
Subject: [PATCH] :lipstick: minor design fixes

Co-authored-by: haraldnilsen <harald_998@hotmail.com>
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
---
 frontend/src/components/form/header/FormHeader.svelte | 2 +-
 frontend/src/components/userform/UserFormInput.svelte | 2 +-
 frontend/src/routes/userform/+page.svelte             | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/form/header/FormHeader.svelte b/frontend/src/components/form/header/FormHeader.svelte
index 41319e5..e49b057 100644
--- a/frontend/src/components/form/header/FormHeader.svelte
+++ b/frontend/src/components/form/header/FormHeader.svelte
@@ -9,7 +9,7 @@
     <div class="flex justify-center">
         <div class="flex flex-grow flex-col md:flex-row md:justify-center items-center md:w-4/5 gap-4">
             <h1 class="text-xl text-primary font-bold text-center">Spørsmål {Number(questionNum) + 1}</h1>
-            <div class="border-b-2 md:border-r-2 border-primary min-h-24 w-full md:w-0 md:h-full" />
+            <div class="border-b-2 md:border-r-2 border-primary md:min-h-24 w-full md:w-0 md:h-full" />
             <p class="text-sm">{formQuestion}</p>
         </div>
     </div>
diff --git a/frontend/src/components/userform/UserFormInput.svelte b/frontend/src/components/userform/UserFormInput.svelte
index 420f7ff..1cd69a9 100644
--- a/frontend/src/components/userform/UserFormInput.svelte
+++ b/frontend/src/components/userform/UserFormInput.svelte
@@ -15,7 +15,7 @@
 </script>
 
 <div class="flex flex-col md:flex-row justify-between md:justify-start items-start gap-3 md:gap-0 md:h-1/4 w-full">
-    <div class="w-full md:w-1/6">
+    <div class="w-full md:w-3/12">
         <p class="text-primary font-bold w-auto">{label}:</p>
     </div>
     <div class="w-full md:w-5/6">
diff --git a/frontend/src/routes/userform/+page.svelte b/frontend/src/routes/userform/+page.svelte
index a6a2a55..cdecd8e 100644
--- a/frontend/src/routes/userform/+page.svelte
+++ b/frontend/src/routes/userform/+page.svelte
@@ -28,7 +28,7 @@
     }
 </script>
 
-<div class="flex flex-col md:justify-center gap-6 md:gap-20 h-full md:h-screen">
+<div class="flex flex-col md:justify-center gap-6 md:gap-10 h-full md:h-screen">
     <a class="md:ml-32 mt-5" href="/">
         <ArrowBack width="2rem" />
     </a>