แก้ 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-space v-if="$q.screen.gt.sm"/>
-          <q-input
+          <div class="col-xs-12 col-md-2">
-            v-model="keyword"
+            <q-input
-            outlined
+              v-model="keyword"
-            clearable
+              outlined
-            dense
+              clearable
-            label="ค้นหา"
+              dense
-            style="width: 250px"
+              label="ค้นหา"
-            @keydown.enter="updateStatusValue()"
+              @keydown.enter="updateStatusValue()"
-          >
+            >
-          </q-input>
+            </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