From 408435057e6721ed6bb416ce1941d38b3418a0ae Mon Sep 17 00:00:00 2001
From: snipe <snipe@snipe.net>
Date: Mon, 31 Aug 2020 19:41:05 -0700
Subject: [PATCH] Small vue fixes

---
 .../js/components/importer/importer-file.vue  | 42 +++++++++++--------
 .../assets/js/components/passport/Clients.vue |  4 +-
 2 files changed, 26 insertions(+), 20 deletions(-)

diff --git a/resources/assets/js/components/importer/importer-file.vue b/resources/assets/js/components/importer/importer-file.vue
index 8dba9fe5d9..a5c0725418 100644
--- a/resources/assets/js/components/importer/importer-file.vue
+++ b/resources/assets/js/components/importer/importer-file.vue
@@ -1,17 +1,20 @@
 <template>
+
     <div v-show="processDetail" class="col-md-6 col-md-offset-3">
 
-        <div class="row">
+            <div class="row">
                 <div class="dynamic-form-row">
                     <div class="col-md-5 col-xs-12">
                         <label for="import-type">Import Type:</label>
                     </div>
+
                     <div class="col-md-7 col-xs-12">
                         <select2 :options="options.importTypes" v-model="options.importType" required>
                             <option disabled value="0"></option>
                         </select2>
                     </div>
-                </div>
+
+                </div><!-- /dynamic-form-row -->
                 <div class="dynamic-form-row">
                     <div class="col-md-5 col-xs-12">
                         <label for="import-update">Update Existing Values?:</label>
@@ -19,7 +22,8 @@
                     <div class="col-md-7 col-xs-12">
                         <input type="checkbox" class="minimal" name="import-update" v-model="options.update">
                     </div>
-                </div>
+                </div><!-- /dynamic-form-row -->
+
                 <div class="dynamic-form-row">
                     <div class="col-md-5 col-xs-12">
                         <label for="send-welcome">Send Welcome Email for new Users?</label>
@@ -27,7 +31,8 @@
                     <div class="col-md-7 col-xs-12">
                         <input type="checkbox" class="minimal" name="send-welcome" v-model="options.send_welcome">
                     </div>
-                </div>
+                </div><!-- /dynamic-form-row -->
+
                 <div class="dynamic-form-row">
                     <div class="col-md-5 col-xs-12">
                         <label for="run-backup">Backup before importing?</label>
@@ -35,14 +40,15 @@
                     <div class="col-md-7 col-xs-12">
                         <input type="checkbox" class="minimal" name="run-backup" v-model="options.run_backup">
                     </div>
-                </div>
-            </div>
-            <div class="alert col-md-8 col-md-offset-2" style="text-align:left"
-                 :class="alertClass"
-                 v-if="statusText">
-                {{ this.statusText }}
-            </div>
-        </div>
+                </div><!-- /dynamic-form-row -->
+
+                <div class="alert col-md-8 col-md-offset-2" style="text-align:left"
+                     :class="alertClass"
+                     v-if="statusText">
+                    {{ this.statusText }}
+                </div><!-- /alert -->
+        </div> <!-- /div row -->
+
         <div class="row">
             <div class="col-md-2"></div>
             <div class="col-md-8" style="padding-top: 30px;">
@@ -50,7 +56,7 @@
                 <div class="col-md-4"><h4>Import Field</h4></div>
                 <div class="col-md-4"><h4>Sample Value</h4></div>
             </div>
-        </div>
+        </div><!-- /div row -->
 
         <template v-for="(header, index) in file.header_row">
             <div class="row">
@@ -69,8 +75,8 @@
                     <div class="col-md-4">
                         <p class="form-control-static">{{ activeFile.first_row[index] }}</p>
                     </div>
-                </div>
-            </div>
+                </div><!-- /div col-md-8 -->
+            </div><!-- /div row -->
         </template>
 
         <div class="row">
@@ -79,17 +85,17 @@
                 <button type="submit" class="btn btn-sm btn-primary" @click="postSave">Import</button>
                 <br><br>
             </div>
-        </div>
+        </div><!-- /div row -->
         <div class="row">
             <div class="alert col-md-8 col-md-offset-2" style="padding-top: 20px;"
                  :class="alertClass"
                  v-if="statusText">
                 {{ this.statusText }}
             </div>
-        </div>
+        </div><!-- /div row -->
 
+    </div><!-- /div v-show -->
 
-    </div>
 </template>
 
 <script>
diff --git a/resources/assets/js/components/passport/Clients.vue b/resources/assets/js/components/passport/Clients.vue
index ee5db67742..81c1903c16 100644
--- a/resources/assets/js/components/passport/Clients.vue
+++ b/resources/assets/js/components/passport/Clients.vue
@@ -83,7 +83,7 @@
                     <div class="modal-header">
                         <button type="button " class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 
-                        <h4 class="modal-title">
+                        <h2 class="modal-title">
                             Create Client
                         </h2>
                     </div>
@@ -153,7 +153,7 @@
 
                         <h4 class="modal-title">
                             Edit Client
-                        </h2>
+                        </h4>
                     </div>
 
                     <div class="modal-body">