From 9c507dc4ea992c570b22bbc95f12f078eae8d66a Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Tue, 14 Jan 2025 13:53:43 -0600
Subject: [PATCH] feat: input padding and distance to label

---
 src/lib/components/Form/Input.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/Form/Input.svelte b/src/lib/components/Form/Input.svelte
index 851ec4a..531f98e 100644
--- a/src/lib/components/Form/Input.svelte
+++ b/src/lib/components/Form/Input.svelte
@@ -44,8 +44,8 @@
 				round: 'rounded-full',
 			},
 			padding: {
-				base: 'px-3 py-2',
-				round: 'px-4 py-2',
+				base: 'px-4 py-3',
+				round: 'px-5 py-3',
 			},
 			roundedSize: {
 				tiny: 'rounded-xl',
@@ -78,7 +78,7 @@
 		<label id={labelId} for={inputId} class={labelStyles({ size })}>{label}</label>
 	{/if}
 
-	<div class="relative">
+	<div class="relative mt-1.5">
 		<input
 			id={label && inputId}
 			aria-labelledby={label && labelId}