From 900e63216f63ffb2bc341a11e63f7c23f5b8f0ca Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Tue, 27 Aug 2024 07:23:44 +0000
Subject: [PATCH] fix: minor alignment changes

---
 .../nc-gui/components/account/setup/Config.vue     | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/account/setup/Config.vue b/packages/nc-gui/components/account/setup/Config.vue
index 58e1154293..4f49e0167b 100644
--- a/packages/nc-gui/components/account/setup/Config.vue
+++ b/packages/nc-gui/components/account/setup/Config.vue
@@ -37,15 +37,15 @@ const { formState, validate, validateInfos } = useProvideFormBuilderHelper({
         model: item.key,
         required: item.required,
         helpText: item.help_text,
-        width: '47',
-        border: true,
+        width: '48',
+        border: false,
       },
       ...(i % 2
         ? []
         : [
             {
               type: FormBuilderInputType.Space,
-              width: '6',
+              width: '4',
             },
           ]),
     ]),
@@ -90,7 +90,7 @@ const isValid = computed(() => {
             class="mr-1 flex items-center justify-center"
             :class="[plugin.title === 'SES' ? 'p-2 bg-[#242f3e]' : '']"
           >
-            <GeneralIcon v-if="plugin.title === 'SMTP'" class="h-8 w-8" icon="mail" />
+            <GeneralIcon v-if="plugin.title === 'SMTP'" class="h-8 w-8 text-gray-500" icon="mail" />
             <img v-else :alt="plugin.title || 'plugin'" :src="plugin.logo" class="h-8 w-8" />
           </div>
           <span data-rec="true">
@@ -101,8 +101,8 @@ const isValid = computed(() => {
     </NcPageHeader>
     <div class="h-full flex h-[calc(100%_-_48px)]">
       <div class="nc-config-left-panel nc-scrollbar-thin relative h-full flex flex-col">
-        <div class="w-full flex items-center gap-3 border-b-1 border-gray-200 h-12 py-2 px-3">
-          <span class="font-semibold text-lg">{{ $t('labels.configuration') }}</span>
+        <div class="w-full flex items-center gap-3 border-gray-200 py-6 px-6">
+          <span class="font-semibold text-base">{{ $t('labels.configuration') }}</span>
           <div class="flex-grow" />
 
           <div class="flex gap-2">
@@ -116,7 +116,7 @@ const isValid = computed(() => {
               :disabled="!!loadingAction || !isValid"
               @click="doAction(action.key)"
             >
-              {{ action.label === 'Save' ? 'Save configuration' : action.label }}
+              {{ action.label }}
             </NcButton>
           </div>
         </div>