From 5a1ea4c811bed83106b611d6cbe1d8f50e40a0f5 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 20 Jul 2022 19:22:04 +0530
Subject: [PATCH] fix(gui-v2): focus to validation failed field

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui-v2/pages/project/index/create-external.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 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 7149e2cb1b..1fc60ae6bd 100644
--- a/packages/nc-gui-v2/pages/project/index/create-external.vue
+++ b/packages/nc-gui-v2/pages/project/index/create-external.vue
@@ -111,7 +111,7 @@ function getConnectionConfig() {
 
 const form = ref<any>()
 const focusInvalidInput = () => {
-  form?.value?.$el.querySelector('.ant-form-item-explain-error')?.parentNode?.querySelector('input')?.focus()
+  form?.value?.$el.querySelector('.ant-form-item-explain-error')?.parentNode?.parentNode?.querySelector('input')?.focus()
 }
 
 const createProject = async () => {
@@ -371,7 +371,7 @@ onMounted(() => {
 
 <style scoped>
 :deep(.ant-collapse-header) {
-  @apply !pr-10 !-mt-4 text-right;
+  @apply !pr-10 !-mt-4 text-right justify-end;
 }
 
 :deep(.ant-collapse-content-box) {