From 523f60010183d9eff9f04ae5ebd9a188ef2d1adf Mon Sep 17 00:00:00 2001
From: May <40745122+SomewhatMay@users.noreply.github.com>
Date: Fri, 8 Mar 2024 23:19:54 -0500
Subject: [PATCH] textbox css done

---
 src/lib/components/FormFlow/Input.svelte   | 3 ++-
 src/lib/components/FormFlow/Textbox.svelte | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/FormFlow/Input.svelte b/src/lib/components/FormFlow/Input.svelte
index ca54d05..5f7cfea 100644
--- a/src/lib/components/FormFlow/Input.svelte
+++ b/src/lib/components/FormFlow/Input.svelte
@@ -21,7 +21,8 @@
 </script>
 
 <div 
-    class="sm:flex justify-between items-center gap-2"
+    class="justify-between items-center gap-2"
+    class:sm:flex={input.component.type != "Textbox"}
     class:flex={input.component.type == "Checkbox"}
     >
     <span
diff --git a/src/lib/components/FormFlow/Textbox.svelte b/src/lib/components/FormFlow/Textbox.svelte
index 8976a93..0a0bcfe 100644
--- a/src/lib/components/FormFlow/Textbox.svelte
+++ b/src/lib/components/FormFlow/Textbox.svelte
@@ -30,7 +30,7 @@
     <div class="flex relative">
         <textarea
             bind:value={$activeResponses[id].data[component.id]}
-            class="flex-auto h-[20vh] min-h-16 max-h-[60vh] bg-primary w-64 rounded-xl px-4 py-2 text-white remove-arrow focus:drop-shadow-btn-hover min-w-9 scroll scrollbar-thin scrollbar-thumb-enabled scrollbar-track-background"
+            class="flex-auto h-[20vh] my-2 min-h-16 max-h-[60vh] bg-primary w-64 rounded-xl px-4 py-2 text-white remove-arrow focus:drop-shadow-btn-hover min-w-9 scroll scrollbar-thin scrollbar-thumb-enabled scrollbar-track-background"
         ></textarea>
         {#if component.maxLength!=null}
             <span