From 2521bcbd52718c74270bacd310ed6c1ff4d39ab3 Mon Sep 17 00:00:00 2001
From: NI <nirui@gmx.com>
Date: Sun, 15 Sep 2019 09:36:37 +0800
Subject: [PATCH] Fix a weird element placement

---
 ui/widgets/connector.vue | 41 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/ui/widgets/connector.vue b/ui/widgets/connector.vue
index 6cda1ce..f794ee3 100644
--- a/ui/widgets/connector.vue
+++ b/ui/widgets/connector.vue
@@ -137,6 +137,26 @@
           @change="verify(key, field, true)"
         />
 
+        <select
+          v-if="field.field.type === 'select'"
+          v-model="field.field.value"
+          autocomplete="off"
+          :name="field.field.name"
+          :value="field.field.value"
+          @input="verify(key, field, false)"
+          @change="verify(key, field, true)"
+        >
+          <option
+            v-for="(option, oKey) in field.field.example.split(',')"
+            :key="oKey"
+            :value="option"
+            :selected="field.field.value === option"
+            :aria-selected="field.field.value === option"
+          >
+            {{ option }}
+          </option>
+        </select>
+
         <div v-if="field.field.type === 'textdata'" class="textinfo">
           <div class="info">{{ field.field.value }}</div>
         </div>
@@ -162,27 +182,6 @@
           </label>
         </div>
 
-        <div v-if="field.field.type === 'select'" class="field">
-          <select
-            v-model="field.field.value"
-            autocomplete="off"
-            :name="field.field.name"
-            :value="field.field.value"
-            @input="verify(key, field, false)"
-            @change="verify(key, field, true)"
-          >
-            <option
-              v-for="(option, oKey) in field.field.example.split(',')"
-              :key="oKey"
-              :value="option"
-              :selected="field.field.value === option"
-              :aria-selected="field.field.value === option"
-            >
-              {{ option }}
-            </option>
-          </select>
-        </div>
-
         <div v-if="field.error.length > 0" class="error">{{ field.error }}</div>
         <div v-else-if="field.message.length > 0" class="message">
           {{ field.message }}