refactor: edit layout select worker

src/pages/05_quotation/QuotationFormWorkerSelect.vue

@@ -325,24 +325,30 @@ watch(() => state.search, getWorkerList);
         </template>
       </DialogHeader>
     </template>
-    <div class="column q-pa-md full-height no-wrap">
-      <section class="row justify-end q-mb-md">
-        <q-input
-          for="input-search"
-          outlined
-          dense
-          :label="$t('general.search')"
-          :bg-color="$q.dark.isActive ? 'dark' : 'white'"
-          v-model="state.search"
-          debounce="500"
+
+    <div class="column full-height no-wrap surface-2">
+      <section class="row q-mb-md">
+        <header
+          class="row items-center q-py-sm q-px-md justify-between full-width surface-3 bordered-b no-wrap"
         >
-          <template #prepend>
-            <q-icon name="mdi-magnify" />
-          </template>
-        </q-input>
+          <q-input
+            for="input-search"
+            outlined
+            dense
+            :label="$t('general.search')"
+            class="q-mr-md col-md-4"
+            :bg-color="$q.dark.isActive ? 'dark' : 'white'"
+            v-model="state.search"
+            debounce="500"
+          >
+            <template #prepend>
+              <q-icon name="mdi-magnify" />
+            </template>
+          </q-input>
+        </header>
       </section>
       <!-- wrapper -->
-      <div class="col q-gutter-y-md scroll">
+      <div class="col q-gutter-y-md scroll q-px-md">
         <q-expansion-item
           v-if="newWorkerList.length !== 0"
           for="item-up"