💄 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

@@ -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>

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">

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>