แก้ ประเภทพนักงาน ,ระดับพนักงาน(PL)

src/app/components/job-description/employee-categories/employee-categories.component.html

@@ -31,7 +31,7 @@
 </div>
 
 <div class="page px-rem">
-    <div class="border-b border-gray-200 dark:border-white/10">
+    <div class="border-b border-gray-200 dark:border-white/10" style="margin-left: 20px;">
         <nav class="flex space-x-2 rtl:space-x-reverse" style="margin-bottom: 10px;">
             <a class="custom-link justify-center rounded-t-sm hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 text-md font-medium text-center border-2 text-gray-600 hover:text-gray-900 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 active"
                 href="javascript:void(0);" id="card-type-item-1" data-hs-tab="#card-type-1" aria-controls="card-type-1">
@@ -82,7 +82,7 @@
                             {{item[0]}}
                         </td>
                         <td style="text-align: center; font-size: 12px;">{{item[1]}}</td>
-                        <td style="text-align: center; font-size: 12px;padding-left: 9.5%; padding-right: 50%;">{{item[2]}}</td>
+                        <td style="text-align: center; font-size: 12px;padding-left: 9.2%; padding-right: 50%;">{{item[2]}}</td>
                         <td class="flex justify-center">
                             <i class="ti ti-edit cursor-pointer i-gray fs-l px-1" data-hs-overlay="#employee-categories-modal-edit"></i>
                             <i class="ti ti-trash cursor-pointer i-gray fs-l px-1"></i>

src/app/components/job-description/employee-level/employee-level.component.html

@@ -31,7 +31,7 @@
 </div>
 
 <div class="page px-rem">
-    <div class="border-b border-gray-200 dark:border-white/10">
+    <div class="border-b border-gray-200 dark:border-white/10" style="margin-left: 20px;">
         <nav class="flex space-x-2 rtl:space-x-reverse" style="margin-bottom: 10px;">
             <a class="custom-link justify-center rounded-t-sm hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 text-md font-medium text-center border-2 text-gray-600 hover:text-gray-900 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 active"
                 href="javascript:void(0);" id="card-type-item-1" data-hs-tab="#card-type-1" aria-controls="card-type-1">
@@ -82,8 +82,8 @@
                             <input type="checkbox" style="margin-right: 20px; transform:scale(0.7)">
                             {{item[0]}}
                         </td>
-                        <td style="text-align: center; font-size: 12px;padding-left: 9.5%; padding-right: 50%;">{{item[1]}}</td>                          
-                        <td style="text-align: center; font-size: 12px;padding-left: 9.5%; padding-right: 50%;">{{item[2]}}</td>
+                        <td style="text-align: center; font-size: 12px;padding-left: 9.7%; padding-right: 50%;">{{item[1]}}</td>                          
+                        <td style="text-align: center; font-size: 12px;padding-left: 10.5%; padding-right: 50%;">{{item[2]}}</td>
                         <td class="flex justify-center">
                             <i class="ti ti-edit cursor-pointer i-gray fs-l px-1" data-hs-overlay="#employee-level-modal-edit"></i>
                             <i class="ti ti-trash cursor-pointer i-gray fs-l px-1"></i>