From 4575213f6e62954119470046a9de3b4e15d821a1 Mon Sep 17 00:00:00 2001
From: Rita Lopes <up202108819@up.pt>
Date: Thu, 28 Mar 2024 15:27:41 +0000
Subject: [PATCH] Fixes to mobile margin overflows

---
 src/lib/component/LabelInput.svelte | 4 ++--
 src/routes/contacts/+page.svelte    | 2 +-
 src/routes/contacts/Graph.svelte    | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/component/LabelInput.svelte b/src/lib/component/LabelInput.svelte
index 8d3b1cc7..c5440c58 100644
--- a/src/lib/component/LabelInput.svelte
+++ b/src/lib/component/LabelInput.svelte
@@ -9,13 +9,13 @@
 <label class="m-1 font-source_code font-bold text-white" for={id}>{label}</label><br class="mb-1" />
 {#if isTextArea}
   <textarea
-    class="text-primary placeholder-primary mb-2 w-full rounded-lg p-1 font-source_code"
+    class="text-primary placeholder-primary mb-2 w-full rounded-lg p-2 font-source_code"
     {id}
     rows="4"
   /><br />
 {:else}
   <input
-    class="text-primary placeholder-primary mb-2 w-full rounded-lg p-1"
+    class="text-primary placeholder-primary mb-2 w-full rounded-lg p-2"
     {type}
     {id}
     {placeholder}
diff --git a/src/routes/contacts/+page.svelte b/src/routes/contacts/+page.svelte
index 1906bace..799a6a42 100644
--- a/src/routes/contacts/+page.svelte
+++ b/src/routes/contacts/+page.svelte
@@ -21,7 +21,7 @@
         type="submit">Enviar</button
       >
     </form>
-    <div class="m-5 flex w-full justify-center md:my-0">
+    <div class="m-2 flex w-full justify-center md:m-5 md:my-0">
       <Graph />
     </div>
   </div>
diff --git a/src/routes/contacts/Graph.svelte b/src/routes/contacts/Graph.svelte
index 98543ad0..6ff69235 100644
--- a/src/routes/contacts/Graph.svelte
+++ b/src/routes/contacts/Graph.svelte
@@ -34,7 +34,7 @@
 
 <svelte:window bind:innerWidth />
 
-<svg style="height: 400px; min-width: 350px" viewBox="0 0 87 80" xmlns="http://www.w3.org/2000/svg">
+<svg style="height: 40dvh; min-width: 35dvw" viewBox="0 0 87 80" xmlns="http://www.w3.org/2000/svg">
   <!-- Draw graph edges. -->
   {#each lines as line}
     <line