From 79bbbb437676d4e34ddacae6891f1d0f356885ee Mon Sep 17 00:00:00 2001
From: Pranav C <61551451+pranavxc@users.noreply.github.com>
Date: Tue, 29 Jun 2021 18:31:19 +0530
Subject: [PATCH] fix(gui): app install ui correction

Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>
---
 .../project/appStore/appInstall.vue           | 26 +++++++++----------
 .../project/appStore/inputs/longTextField.vue |  1 +
 .../project/appStore/inputs/passwordField.vue |  1 +
 .../project/appStore/inputs/textField.vue     |  1 +
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/project/appStore/appInstall.vue b/packages/nc-gui/components/project/appStore/appInstall.vue
index f158edbb93..50d0dd7bc5 100644
--- a/packages/nc-gui/components/project/appStore/appInstall.vue
+++ b/packages/nc-gui/components/project/appStore/appInstall.vue
@@ -19,7 +19,7 @@
         <v-divider class="mb-7"></v-divider>
         <div v-if="formDetails.array">
 
-          <table class="form-table mx-auto" >
+          <table class="form-table mx-auto">
             <thead>
             <tr>
               <th v-for="(item,i) in formDetails.items" :key="i">
@@ -50,19 +50,19 @@
 
         </div>
 
+        <div v-else class="d-flex justify-center">
+          <div class="form-grid">
+            <template v-for="(item,i) in formDetails.items">
+              <div :key="i" class="text-right form-input-label">
+                <label class="caption ">{{ item.label }} <span v-if="item.required" class="red--text">*</span></label>
+              </div>
+              <div :key="i">
+                <form-input :input-details="item" v-model="settings[item.key]"></form-input>
+              </div>
+            </template>
+          </div>
 
-        <div class="form-grid" v-else>
-          <template v-for="(item,i) in formDetails.items">
-            <div :key="i" class="text-right form-input-label">
-              <label class="caption ">{{ item.label }} <span v-if="item.required" class="red--text">*</span></label>
-            </div>
-            <div :key="i">
-              <form-input :input-details="item" v-model="settings[item.key]"></form-input>
-            </div>
-          </template>
         </div>
-
-
         <div class="d-flex mb-4 mt-7 justify-center">
           <v-btn small
                  :outlined="action.key !== 'save'"
@@ -246,7 +246,7 @@ tbody tr:nth-of-type(odd) {
   background-color: transparent;
 }
 
-.form-input-label{
+.form-input-label {
   padding-bottom: 16px;
 }
 </style>
diff --git a/packages/nc-gui/components/project/appStore/inputs/longTextField.vue b/packages/nc-gui/components/project/appStore/inputs/longTextField.vue
index 63f154e4f0..fb112e41f7 100644
--- a/packages/nc-gui/components/project/appStore/inputs/longTextField.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/longTextField.vue
@@ -5,6 +5,7 @@
     :rules="[v => !!v || !inputDetails.required  || 'Required']"
     :name="inputDetails.key"
     :placeholder="inputDetails.placeholder || ''"
+    hide-details="auto"
     v-on="parentListeners" v-model="localState" class="caption" rows="3"
     :required="inputDetails.valid"
   ></v-textarea>
diff --git a/packages/nc-gui/components/project/appStore/inputs/passwordField.vue b/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
index 54160b8fec..b2cec5992f 100644
--- a/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
@@ -6,6 +6,7 @@
     :rules="[v => !!v || !inputDetails.required  || 'Required']"
     :name="inputDetails.key"
     :required="inputDetails.valid"
+    hide-details="auto"
     :placeholder="inputDetails.placeholder || ''"
     v-on="parentListeners" v-model="localState" class="caption">
     <template v-slot:append>
diff --git a/packages/nc-gui/components/project/appStore/inputs/textField.vue b/packages/nc-gui/components/project/appStore/inputs/textField.vue
index 645d87154c..6f5a14d9ae 100644
--- a/packages/nc-gui/components/project/appStore/inputs/textField.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/textField.vue
@@ -6,6 +6,7 @@
     :name="inputDetails.key"
     :required="inputDetails.valid"
     :placeholder="inputDetails.placeholder || ''"
+    hide-details="auto"
     v-on="parentListeners" v-model="localState" class="caption"/>
 </template>