Fix success message icon centering in forms

Author: tobihagemann

layouts/become-a-partner/single.html

@@ -147,7 +147,7 @@ <h4 class="font-medium text-gray-900 mb-1">{{ i18n "partner_step_3_title" }}</h4
       </div>
 
       <section x-show="feedbackData.success" class="white-box" x-cloak>
-        <div class="flex flex-col justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6">
+        <div class="flex flex-col items-center justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6">
           <i class="fa-solid fa-check-circle text-7xl text-secondary"></i>
           <h3 class="font-h3">
             {{ i18n "partner_success_title" }}

layouts/book-a-demo/single.html

@@ -236,7 +236,7 @@ <h3 class="font-h3 mb-6">{{ i18n "book_demo_looking_for_title" }}</h3>
       </div>
 
       <section x-show="feedbackData.success" class="white-box" x-cloak>
-        <div class="flex flex-col justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6">
+        <div class="flex flex-col items-center justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6">
           <i class="fa-solid fa-check-circle text-7xl text-secondary"></i>
           <h3 class="font-h3">
             {{ i18n "book_demo_success_title" }}

layouts/contact-sales/single.html

@@ -178,7 +178,7 @@ <h3 class="font-h3 mb-6">{{ i18n "contact_sales_sidebar_title" }}</h3>
       </div>
 
       <section x-show="feedbackData.success" class="white-box" x-cloak>
-        <div class="flex flex-col justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6">
+        <div class="flex flex-col items-center justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6">
           <i class="fa-solid fa-check-circle text-7xl text-secondary"></i>
           <h3 class="font-h3">
             {{ i18n "contact_sales_success_title" }}

layouts/hub-demo/single.html

@@ -30,7 +30,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
           </div>
         </div>
 
-        <div x-show="feedbackData.success" class="flex flex-col gap-4 text-center px-4 py-5 md:p-6" x-cloak>
+        <div x-show="feedbackData.success" class="flex flex-col items-center gap-4 text-center px-4 py-5 md:p-6" x-cloak>
           <i class="fa-solid fa-check-circle text-7xl text-secondary"></i>
           <h3 class="font-h3">
             {{ i18n "hub_demo_success_title" }}

layouts/hub-managed/single.html

@@ -191,7 +191,7 @@ <h2 class="font-h2 mb-6">
           </template>
         </div>
 
-        <div x-show="feedbackData.success" class="flex flex-col justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6" x-cloak>
+        <div x-show="feedbackData.success" class="flex flex-col items-center justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6" x-cloak>
           <i class="fa-solid fa-check-circle text-7xl text-secondary"></i>
           <h3 class="font-h3">
             {{ i18n "hub_managed_success_title" }}