From 1240549cd4c6f8a152590fecc0d1cbd207a2c1fb Mon Sep 17 00:00:00 2001
From: Samuel Andert <samuel@ora.earth>
Date: Tue, 8 Aug 2023 11:11:48 +0200
Subject: [PATCH] small input field ui improvements

---
 src/lib/components/refactor/ComposerForm.svelte              | 2 +-
 src/lib/components/refactor/inputfields/SelectInput.svelte   | 4 ++--
 src/lib/components/refactor/inputfields/TextAreaInput.svelte | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/refactor/ComposerForm.svelte b/src/lib/components/refactor/ComposerForm.svelte
index 950fdc8..e4aae2b 100644
--- a/src/lib/components/refactor/ComposerForm.svelte
+++ b/src/lib/components/refactor/ComposerForm.svelte
@@ -124,7 +124,7 @@
 </script>
 
 <div class="p-6">
-	<form on:submit|preventDefault={handleNext} on:keydown={handleKeyDown} class="w-full max-w-md">
+	<form on:submit|preventDefault={handleNext} on:keydown={handleKeyDown} class="w-full">
 		{#if !$state.matches('submitting')}
 			<div class="mb-4">
 				{#if $errors[fields[$state.context.currentField].name]}
diff --git a/src/lib/components/refactor/inputfields/SelectInput.svelte b/src/lib/components/refactor/inputfields/SelectInput.svelte
index 66d6a06..b53932e 100644
--- a/src/lib/components/refactor/inputfields/SelectInput.svelte
+++ b/src/lib/components/refactor/inputfields/SelectInput.svelte
@@ -15,12 +15,12 @@
 <select
 	name={field.name}
 	bind:this={inputElement}
-	class="w-full px-3 py-2 bg-transparent border-gray-100 rounded-md border-1 ring-0 ring-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+	class="select"
+	size="5"
 	bind:value={$form[field.name]}
 	aria-invalid={$errors[field.name] ? 'true' : undefined}
 	{...constraints[field.name]}
 >
-	<option value="">Select...</option>
 	<option value="apple">Apple</option>
 	<option value="banana">Banana</option>
 	<option value="coconut">Coconut</option>
diff --git a/src/lib/components/refactor/inputfields/TextAreaInput.svelte b/src/lib/components/refactor/inputfields/TextAreaInput.svelte
index c499675..3884eb8 100644
--- a/src/lib/components/refactor/inputfields/TextAreaInput.svelte
+++ b/src/lib/components/refactor/inputfields/TextAreaInput.svelte
@@ -15,7 +15,7 @@
 <textarea
 	name={field.name}
 	bind:this={inputElement}
-	class="w-full px-3 py-2 bg-transparent border-gray-100 rounded-md border-1 ring-0 ring-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+	class="w-full px-3 py-2 bg-transparent border-gray-100 rounded-md textarea border-1 ring-0 ring-white focus:outline-none focus:ring-2 focus:ring-blue-500"
 	bind:value={$form[field.name]}
 	aria-invalid={$errors[field.name] ? 'true' : undefined}
 	{...constraints[field.name]}