รายการผังบัญชีเงินเดือน

src/modules/13_salary/components/SalaryChart/DialogFormMain.vue

@@ -257,7 +257,7 @@ function checkEndDate() {
           <div class="row col-12 q-col-gutter-sm">
             <div class="col-md-12">
               <div class="row col-12 q-col-gutter-sm">
-                <div class="col-xs-12 col-md-3">
+                <div class="col-xs-12 col-md-4">
                   <q-input
                     :readonly="isReadonly"
                     ref="nameRef"
@@ -273,7 +273,7 @@ function checkEndDate() {
                   />
                 </div>
 
-                <div class="col-xs-12 col-md-3">
+                <div class="col-xs-12 col-md-4">
                   <q-select
                     :readonly="isReadonly"
                     ref="posTypeRef"
@@ -293,7 +293,7 @@ function checkEndDate() {
                   />
                 </div>
 
-                <div class="col-xs-12 col-md-3">
+                <div class="col-xs-12 col-md-4">
                   <q-select
                     :readonly="isReadonly"
                     ref="posLevelRef"
@@ -313,26 +313,25 @@ function checkEndDate() {
                   />
                 </div>
 
-                <div class="col-xs-12 col-md-1">
+                <div class="row col-12">
                   <q-checkbox
                     :disable="isReadonly"
                     size="md"
                     v-model="formData.isSpecial"
                     label="เฉพาะสายงานที่กำหนด"
                   />
-                </div>
 
-                <div
+
-                  class="col-xs-12 col-md-2"
+
-                  style="display: flex; justify-content: flex-start"
-                >
                   <q-toggle
                     color="primary"
                     label="สถานะการใช้งาน"
                     v-model="formData.isActive"
                   />
+  
                 </div>
 
+
                 <div class="col-xs-12 col-md-4">
                   <datepicker
                     menu-class-name="modalfix"