From 1df77ce1418018ecc4aae40bc38abeeb2635ec84 Mon Sep 17 00:00:00 2001
From: Andrea Leardini <andre8244@gmail.com>
Date: Tue, 5 Nov 2024 17:23:25 +0100
Subject: [PATCH] fixi(NeTextInput): minor fixes

---
 src/components/NeTextInput.vue |  4 ++--
 stories/NeTextInput.stories.ts | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/NeTextInput.vue b/src/components/NeTextInput.vue
index 5de2dc8..ad91118 100644
--- a/src/components/NeTextInput.vue
+++ b/src/components/NeTextInput.vue
@@ -47,7 +47,7 @@ const props = defineProps({
   },
   clearSearchLabel: {
     type: String,
-    default: 'Clear search'
+    default: 'Clear'
   },
   isPassword: {
     type: Boolean,
@@ -234,7 +234,7 @@ function clearText() {
         v-else-if="isSearch && modelValue"
         class="absolute inset-y-0 right-0 flex items-center pr-3"
       >
-        <button type="button" :disabled="disabled" @click="clearText">
+        <button type="button" :disabled="disabled" class="flex items-center" @click="clearText">
           <span class="sr-only">{{ clearSearchLabel }}</span>
           <FontAwesomeIcon
             :icon="faXmark"
diff --git a/stories/NeTextInput.stories.ts b/stories/NeTextInput.stories.ts
index ccd4997..ae30f86 100644
--- a/stories/NeTextInput.stories.ts
+++ b/stories/NeTextInput.stories.ts
@@ -20,7 +20,7 @@ const meta = {
     invalidMessage: '',
     optional: false,
     isSearch: false,
-    clearSearchLabel: 'Clear search',
+    clearSearchLabel: 'Clear',
     disabled: false,
     id: '',
     isPassword: false,
@@ -33,7 +33,7 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-const template = '<NeTextInput v-bind="args" class="max-w-md" />'
+const template = '<NeTextInput v-bind="args" class="max-w-xs" />'
 
 export const Default: Story = {
   render: (args) => ({
@@ -100,10 +100,10 @@ export const Password: Story = {
     },
     template: template
   }),
-  args: { isPassword: true, label: 'Enter password', placeholder: '' }
+  args: { isPassword: true, label: 'Enter password', placeholder: 'Current password' }
 }
 
-const typeNumberTemplate = '<NeTextInput v-bind="args" type="number" class="max-w-md" />'
+const typeNumberTemplate = '<NeTextInput v-bind="args" type="number" class="max-w-xs" />'
 
 export const TypeNumber: Story = {
   render: (args) => ({
@@ -117,7 +117,7 @@ export const TypeNumber: Story = {
 }
 
 const templateWithTooltip =
-  '<NeTextInput v-bind="args" class="max-w-md">\
+  '<NeTextInput v-bind="args" class="max-w-xs">\
       <template #tooltip>\
         <NeTooltip>\
           <template #content>Tooltip</template>\