แก้ UI รายการยื่นคำร้องขอแก้ไขข้อมูล mobile

src/modules/10_registry/views/requestEditMain.vue

@@ -295,7 +295,18 @@ onMounted(() => {
       </div>
       <q-card bordered class="q-pa-md">
         <div class="row q-mb-sm q-col-gutter-sm">
-          <div class="col-xs-10 col-md-2">
+          <div class="col-12" v-if="!$q.screen.gt.sm">
+            <q-btn
+              flat
+              round
+              color="primary"
+              icon="mdi-plus"
+              @click="onClickAdd()"
+            >
+              <q-tooltip>ยื่นคำร้องขอแก้ไขข้อมูล</q-tooltip>
+            </q-btn>
+          </div>
+          <div class="col-xs-12 col-md-2">
             <q-select
               v-model="status"
               label="สถานะคำร้อง"
@@ -323,7 +334,7 @@ onMounted(() => {
               </template>
             </q-select>
           </div>
-          <div>
+          <div v-if="$q.screen.gt.sm">
             <q-btn
               flat
               round
@@ -334,18 +345,19 @@ onMounted(() => {
               <q-tooltip>ยื่นคำร้องขอแก้ไขข้อมูล</q-tooltip>
             </q-btn>
           </div>
-          <q-space />
-          <q-input
-            v-model="keyword"
-            outlined
-            clearable
-            dense
-            label="ค้นหา"
-            style="width: 250px"
-            @keydown.enter="updateStatusValue()"
-          >
-          </q-input>
-
+          <q-space v-if="$q.screen.gt.sm"/>
+          <div class="col-xs-12 col-md-2">
+            <q-input
+              v-model="keyword"
+              outlined
+              clearable
+              dense
+              label="ค้นหา"
+              @keydown.enter="updateStatusValue()"
+            >
+            </q-input>
+          </div>
+          <div class="col-xs-12 col-md-2">
           <q-select
             v-model="visibleColumns"
             multiple
@@ -360,6 +372,7 @@ onMounted(() => {
             options-cover
             class="col-xs-12 col-sm-3 col-md-2"
           />
+          </div>
         </div>
         <div class="col-12">
           <d-table