ปรับ UI ระบบวินัย

src/components/Dialogs/AddPersonal.vue

@@ -179,9 +179,9 @@ watch(
         />
       </q-toolbar>
       <q-separator />
-      <q-card-section class="q-pa-md bg-grey-1">
+      <q-card-section class="q-pa-md">
         <div class="row col-12 q-col-gutter-sm items-start">
-          <div class="col-12 col-sm-6 col-md-3">
+          <div class="col-12 col-sm-5 col-md-3">
             <q-select
               label="ค้นหาจาก"
               v-model="type"
@@ -196,7 +196,7 @@ watch(
             />
           </div>
 
-          <div class="col-12 col-sm-6 col-md-6">
+          <div class="col-12 col-sm-7 col-md-9">
             <q-input
               ref="searchRef"
               v-model="search"
@@ -205,22 +205,23 @@ watch(
               dense
               label="คำค้น"
               :rules="[(val) => !!val || `กรุณากรอกคำค้น`]"
-            />
-          </div>
-
-          <div class="col-12 col-sm-6 col-md-2">
-            <q-btn
-              color="primary"
-              icon="search"
-              label="ค้นหา"
-              class="full-width q-pa-sm"
-              @click="searchInput()"
             >
-            </q-btn>
+            <template v-slot:after>
+              <q-btn
+                color="primary"
+                icon="search"
+                label="ค้นหา"
+                outline
+                class="full-width q-py-sm q-px-md"
+                @click="searchInput()"
+              >
+              </q-btn>
+            </template>
+            </q-input>
           </div>
         </div>
 
-        <div class="full-width q-mt-sm">
+        <div class="full-width">
           <d-table
             ref="table"
             :columns="mainStore.columnsRespondent"