From 9a58a0537c2036c84a2de64a0c05eccfe9175957 Mon Sep 17 00:00:00 2001
From: Naveen MR <oof1lab@gmail.com>
Date: Fri, 22 Jul 2022 11:31:14 +0100
Subject: [PATCH] chore : button shadows + some padding to cards on
 signin/signup

---
 .../nc-gui-v2/pages/project/index/create-external.vue     | 8 ++++----
 packages/nc-gui-v2/pages/signin.vue                       | 2 +-
 packages/nc-gui-v2/pages/signup.vue                       | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui-v2/pages/project/index/create-external.vue b/packages/nc-gui-v2/pages/project/index/create-external.vue
index 973047efd5..b3ac841067 100644
--- a/packages/nc-gui-v2/pages/project/index/create-external.vue
+++ b/packages/nc-gui-v2/pages/project/index/create-external.vue
@@ -310,7 +310,7 @@ onMounted(() => {
                   <template #title>
                     <span>{{ $t('tooltip.clientCert') }}</span>
                   </template>
-                  <a-button :disabled="!sslFilesRequired" size="small" @click="certFileInput.click()">
+                  <a-button :disabled="!sslFilesRequired" size="small" @click="certFileInput.click()" class="shadow">
                     {{ $t('labels.clientCert') }}
                   </a-button>
                 </a-tooltip>
@@ -319,7 +319,7 @@ onMounted(() => {
                   <template #title>
                     <span>{{ $t('tooltip.clientKey') }}</span>
                   </template>
-                  <a-button :disabled="!sslFilesRequired" size="small" @click="keyFileInput.click()">
+                  <a-button :disabled="!sslFilesRequired" size="small" @click="keyFileInput.click()" class="shadow">
                     {{ $t('labels.clientKey') }}
                   </a-button>
                 </a-tooltip>
@@ -328,7 +328,7 @@ onMounted(() => {
                   <template #title>
                     <span>{{ $t('tooltip.clientCA') }}</span>
                   </template>
-                  <a-button :disabled="!sslFilesRequired" size="small" @click="caFileInput.click()">
+                  <a-button :disabled="!sslFilesRequired" size="small" @click="caFileInput.click()" class="shadow">
                     {{ $t('labels.serverCA') }}
                   </a-button>
                 </a-tooltip>
@@ -364,7 +364,7 @@ onMounted(() => {
           <a-button type="primary" ghost class="nc-extdb-btn-test-connection" @click="testConnection">
             {{ $t('activity.testDbConn') }}
           </a-button>
-          <a-button type="primary" :disabled="!testSuccess" class="nc-extdb-btn-submit" @click="createProject"> Submit </a-button>
+          <a-button type="primary" :disabled="!testSuccess" class="nc-extdb-btn-submit !shadow" @click="createProject"> Submit </a-button>
         </div>
       </a-form-item>
     </a-form>
diff --git a/packages/nc-gui-v2/pages/signin.vue b/packages/nc-gui-v2/pages/signin.vue
index ea671bf4c8..6b16d5784e 100644
--- a/packages/nc-gui-v2/pages/signin.vue
+++ b/packages/nc-gui-v2/pages/signin.vue
@@ -77,7 +77,7 @@ const resetError = () => {
       class="signin h-[calc(100%_+_90px)] min-h-[600px] flex justify-center items-center"
       @finish="signIn"
     >
-      <div class="h-full w-full flex flex-col flex-wrap justify-center items-center">
+      <div class="h-full w-full flex flex-col flex-wrap items-center pt-[100px]">
         <div
           class="bg-white dark:(!bg-gray-900 !text-white) md:relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
         >
diff --git a/packages/nc-gui-v2/pages/signup.vue b/packages/nc-gui-v2/pages/signup.vue
index 0b24c02f85..f10c9af925 100644
--- a/packages/nc-gui-v2/pages/signup.vue
+++ b/packages/nc-gui-v2/pages/signup.vue
@@ -74,7 +74,7 @@ const resetError = () => {
       class="signup h-[calc(100%_+_90px)] min-h-[600px] flex justify-center items-center"
       @finish="signUp"
     >
-      <div class="h-full w-full flex flex-col flex-wrap justify-center">
+      <div class="h-full w-full flex flex-col flex-wrap pt-[100px]">
         <div
           class="bg-white dark:(!bg-gray-900 !text-white) md:relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
         >