fix(nc-gui): form after submit text alignment issue

packages/nc-gui/components/smartsheet/Form.vue

@@ -688,12 +688,13 @@ useEventListener(
         :style="{ background: parseProp(formViewData?.meta)?.background_color || '#F9F9FA' }"
         data-testid="nc-form-wrapper-submit"
       >
+        <div class="max-w-[max(33%,688px)] mx-auto">
           <GeneralFormBanner :banner-image-url="formViewData?.banner_image_url" />
 
           <div
-          class="transition-all duration-300 ease-in relative max-w-[max(33%,688px)] mx-auto my-6 bg-white rounded-3xl border-1 border-gray-200 px-4 py-8 lg:p-12 md:(p-8 dark:bg-slate-700)"
+            class="transition-all duration-300 ease-in relative my-6 bg-white rounded-3xl border-1 border-gray-200 px-4 py-8 lg:p-12 md:(p-8 dark:bg-slate-700)"
           >
-          <div v-if="formViewData" class="items-center justify-center text-center mt-2">
+            <div v-if="formViewData" class="items-center justify-center text-left mt-2">
               <div>
                 <h1 class="text-2xl font-bold text-gray-900 mb-4">
                   {{ formViewData.heading }}
@@ -711,7 +712,7 @@ useEventListener(
               </div>
 
               <div class="flex justify-center">
-              <div class="w-full lg:w-[95%]">
+                <div class="w-full">
                   <a-alert class="!my-4 !py-4 text-left !rounded-lg" type="success" outlined>
                     <template #message>
                       <LazyCellRichText
@@ -734,7 +735,7 @@ useEventListener(
                     }}
                   </div>
 
-                <div v-if="formViewData.submit_another_form || !isPublic" class="text-center mt-4">
+                  <div v-if="formViewData.submit_another_form || !isPublic" class="text-right mt-4">
                     <NcButton type="primary" size="medium" @click="submitted = false">
                       {{ $t('activity.submitAnotherForm') }}
                     </NcButton>
@@ -744,6 +745,7 @@ useEventListener(
             </div>
           </div>
         </div>
+      </div>
 
       <div v-else class="nc-form-wrapper h-full w-full flex relative" data-testid="nc-form-wrapper">
         <div v-if="isLoadingFormView" class="flex-1 flex items-center justify-center text-center h-full">

packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/index.vue

@@ -110,7 +110,7 @@ const onDecode = async (scannedCodeValue: string) => {
 
         <template v-else-if="submitted">
           <div class="flex justify-center">
-            <div v-if="sharedFormView" class="w-full lg:w-[95%]">
+            <div v-if="sharedFormView" class="w-full">
               <a-alert class="!my-4 !py-4 text-left !rounded-lg" type="success" outlined>
                 <template #message>
                   <LazyCellRichText
@@ -129,7 +129,7 @@ const onDecode = async (scannedCodeValue: string) => {
                 {{ $t('msg.newFormWillBeLoaded', { seconds: secondsRemain }) }}
               </p>
 
-              <div v-if="sharedFormView.submit_another_form" class="text-center">
+              <div v-if="sharedFormView.submit_another_form" class="text-right">
                 <NcButton type="primary" size="medium" @click="submitted = false">
                   {{ $t('activity.submitAnotherForm') }}
                 </NcButton>

packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue

@@ -376,7 +376,7 @@ onMounted(() => {
           <Transition name="slide-left">
             <div v-if="submitted" class="flex flex-col justify-center items-center text-center">
               <a-alert
-                class="!my-4 !py-4 !rounded-lg text-left"
+                class="!my-4 !py-4 !rounded-lg text-left w-full"
                 type="success"
                 data-testid="nc-survey-form__success-msg"
                 outlined
@@ -399,12 +399,12 @@ onMounted(() => {
                 </template>
               </a-alert>
 
-              <div v-if="sharedFormView" class="mt-3">
-                <p v-if="sharedFormView?.show_blank_form" class="text-xs text-slate-500 dark:text-slate-300 text-center my-4">
+              <div v-if="sharedFormView" class="mt-3 w-full">
+                <p v-if="sharedFormView?.show_blank_form" class="text-xs text-slate-500 dark:text-slate-300 text-left my-4">
                   {{ $t('labels.newFormLoaded') }} {{ secondsRemain }} {{ $t('general.seconds') }}
                 </p>
 
-                <div v-if="sharedFormView?.submit_another_form" class="text-center">
+                <div v-if="sharedFormView?.submit_another_form" class="text-right">
                   <NcButton type="primary" size="medium" data-testid="nc-survey-form__btn-submit-another-form" @click="resetForm">
                     {{ $t('activity.submitAnotherForm') }}
                   </NcButton>