From 494c83942082f658966725d1e3b13e62bbf11b33 Mon Sep 17 00:00:00 2001
From: Jonatan Norbye <jonatan@norbye.com>
Date: Thu, 9 Jan 2025 22:31:46 +0100
Subject: [PATCH] Reduce spacing around the form on mobile

---
 webapp/components/Form.tsx | 2 ++
 webapp/pages/_app.css      | 3 +--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/webapp/components/Form.tsx b/webapp/components/Form.tsx
index 7fd2c308..2dc76043 100644
--- a/webapp/components/Form.tsx
+++ b/webapp/components/Form.tsx
@@ -226,6 +226,7 @@ const ReceiptForm = (): JSX.Element => {
 
               <FormInput
                 name="mailFrom"
+                type="email"
                 label="Din e-post"
                 required
                 helperText="En kopi av skjemaet vil bli sendt hit"
@@ -265,6 +266,7 @@ const ReceiptForm = (): JSX.Element => {
                       />
                       <FormInput
                         name="mailTo"
+                        type="email"
                         label="Økans e-post"
                         required
                         helperText="Økans til gruppen/komiteen"
diff --git a/webapp/pages/_app.css b/webapp/pages/_app.css
index 7583c595..755a40c5 100644
--- a/webapp/pages/_app.css
+++ b/webapp/pages/_app.css
@@ -2,7 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-html,
 body {
   padding: 1rem;
   font-family: Inter, sans-serif;
@@ -13,8 +12,8 @@ body {
 }
 
 @media screen and (max-width: 500px) {
-  html,
   body {
     margin: 1rem 0;
+    padding-top: 0;
   }
 }