From 413e4f2dd075c97f02bcbde7e94cf7eec6f0a4fa Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 3 Jul 2024 16:15:44 -0400
Subject: [PATCH] [5.x] Add negative bottom margin to Textarea's character
 counter (#10390)

Add negative bottom margin to Textarea's character counter

Because this element is aligned to the right, it creates a larger-than-normal gap between this field and the next one below it. This change will pull the next field up by the proper amount so it looks the same whether it's there or not.
---
 resources/js/components/inputs/Textarea.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/inputs/Textarea.vue b/resources/js/components/inputs/Textarea.vue
index 3a5364f39e..b8c27b4f29 100644
--- a/resources/js/components/inputs/Textarea.vue
+++ b/resources/js/components/inputs/Textarea.vue
@@ -13,7 +13,7 @@
             @focus="$emit('focus')"
             @blur="$emit('blur')"
         />
-        <div class="rtl:text-left ltr:text-right text-xs" :class="limitIndicatorColor" v-if="limit">
+        <div class="rtl:text-left ltr:text-right text-xs -mb-3 @sm:-mb-5 @lg:-mb-5" :class="limitIndicatorColor" v-if="limit">
             <span v-text="currentLength"></span>/<span v-text="limit"></span>
         </div>
     </div>