From cdb17147912f9864c830e5f48ffa51b523b84818 Mon Sep 17 00:00:00 2001
From: Mazarin <djaiss@users.noreply.github.com>
Date: Sun, 27 Oct 2024 10:26:21 -0400
Subject: [PATCH] fix: fix icons not aligned (#7427)

---
 resources/js/Shared/Form/PrettyButton.vue | 2 +-
 resources/js/Shared/Icons/ArrowIcon.vue   | 8 ++++----
 resources/js/Shared/Icons/CheckedIcon.vue | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/js/Shared/Form/PrettyButton.vue b/resources/js/Shared/Form/PrettyButton.vue
index f9d6ba228fe..273ea02663f 100644
--- a/resources/js/Shared/Form/PrettyButton.vue
+++ b/resources/js/Shared/Form/PrettyButton.vue
@@ -1,6 +1,6 @@
 <template>
   <button
-    :class="'dark:box-s relative border-zinc-900 bg-white text-sm dark:border-zinc-100 dark:bg-gray-800 dark:text-gray-100'"
+    :class="'dark:box-s relative border-zinc-900 bg-white text-sm dark:border-zinc-100 dark:bg-gray-800 dark:text-gray-100 flex'"
     :disabled="state === 'loading' || state === 'disabled'"
     type="submit">
     <span v-if="state === 'loading'"> {{ $t('Loading…') }} </span>
diff --git a/resources/js/Shared/Icons/ArrowIcon.vue b/resources/js/Shared/Icons/ArrowIcon.vue
index 7d15a3936f8..576a55cabf3 100644
--- a/resources/js/Shared/Icons/ArrowIcon.vue
+++ b/resources/js/Shared/Icons/ArrowIcon.vue
@@ -13,14 +13,14 @@ defineProps({
     viewBox="0 0 24 24"
     stroke-width="1.5"
     stroke="currentColor"
-    class="h-6 w-6 text-gray-600">
+    class="h-6 w-6 inline text-gray-600">
     <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
   </svg>
 
   <svg
     v-if="type == 'right' && size == 'big'"
     xmlns="http://www.w3.org/2000/svg"
-    class="h-6 w-6"
+    class="h-6 w-6 inline"
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor"
@@ -36,14 +36,14 @@ defineProps({
     viewBox="0 0 24 24"
     stroke-width="1.5"
     stroke="currentColor"
-    class="h-6 w-6 text-gray-600">
+    class="h-6 w-6 inline text-gray-600">
     <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
   </svg>
 
   <svg
     v-if="type == 'left' && size == 'big'"
     xmlns="http://www.w3.org/2000/svg"
-    class="h-6 w-6"
+    class="h-6 w-6 inline"
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor"
diff --git a/resources/js/Shared/Icons/CheckedIcon.vue b/resources/js/Shared/Icons/CheckedIcon.vue
index 908afa4c0e5..b4c47f128c1 100644
--- a/resources/js/Shared/Icons/CheckedIcon.vue
+++ b/resources/js/Shared/Icons/CheckedIcon.vue
@@ -1,7 +1,7 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    class="h-6 w-6 text-green-700"
+    class="h-6 w-6 inline text-green-700"
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor">