fix(gui): app install ui correction

Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>

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>

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>

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>

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>