style="min-width: 140px"

src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue

@@ -266,9 +266,9 @@ onMounted(() => {
 <template>
   <q-card class="q-pa-md">
     <div class="row q-mb-sm q-col-gutter-sm">
-      <div class="col-xs-10 col-md-3">
+      <div class="col-xs-12 col-sm-3 col-md-3">
         <q-select
-          style="max-width: 250px"
+          style="min-width: 250px"
           v-model="status"
           label="สถานะคำร้อง"
           dense
@@ -300,8 +300,9 @@ onMounted(() => {
         clearable
         dense
         label="ค้นหา"
-        style="width: 250px"
+        style="min-width: 250px"
         @keydown.enter="updateStatusValue()"
+        class="col-xs-12 col-sm-3 col-md-2"
       >
       </q-input>
 
@@ -316,8 +317,8 @@ onMounted(() => {
         map-options
         :options="columns"
         option-value="name"
-        options-cover
         class="col-xs-12 col-sm-3 col-md-2"
+        style="min-width: 140px"
       />
     </div>