เเก้ตำเเหน่งความกว้าง

src/app/components/report-component/report-com/report-com-1/report-com-1.component.html

@@ -3,7 +3,9 @@
   activeitem="รายงาน">
 </app-page-header>
 
-<div id="Grid_toolbarItems" class="e-control e-toolbar e-lib e-keyboard" role="toolbar" aria-disabled="false" aria-orientation="horizontal" style="height: auto; width: auto;" tabindex="-1">
+<div class="flex justify-end">
+  <div class="px-1">
+    <div id="Grid_toolbarItems" class="e-control e-toolbar e-lib e-keyboard" role="toolbar" aria-disabled="false" aria-orientation="horizontal" style="height: auto; width: 300px; border-radius: 0.50rem;" tabindex="-1">
     <div class="e-toolbar-items" style="display: flex; justify-content: flex-end;">
       <div class="e-toolbar-item" title="Print">
         <button class="e-tbar-btn e-tbtn-txt e-control e-btn e-lib" type="button" id="Grid_print" tabindex="0" data-tabindex="-1" aria-label="Print" aria-disabled="false" style="width: auto;">
@@ -24,6 +26,8 @@
         </button>
       </div>
     </div>
+  </div>
+  </div>
 </div>
 
 

src/app/components/report-component/report-com/report-com-2/report-com-2.component.html

@@ -2,7 +2,10 @@
   [title]="'รายงานภาพรวม Competency ของหน่วยงาน'"
   activeitem="รายงาน">
 </app-page-header>
-<div id="Grid_toolbarItems" class="e-control e-toolbar e-lib e-keyboard" role="toolbar" aria-disabled="false" aria-orientation="horizontal" style="height: auto; width: auto;" tabindex="-1">
+
+<div class="flex justify-end">
+  <div class="px-1">
+    <div id="Grid_toolbarItems" class="e-control e-toolbar e-lib e-keyboard" role="toolbar" aria-disabled="false" aria-orientation="horizontal" style="height: auto; width: 300px; border-radius: 0.50rem;" tabindex="-1">
     <div class="e-toolbar-items" style="display: flex; justify-content: flex-end;">
       <div class="e-toolbar-item" title="Print">
         <button class="e-tbar-btn e-tbtn-txt e-control e-btn e-lib" type="button" id="Grid_print" tabindex="0" data-tabindex="-1" aria-label="Print" aria-disabled="false" style="width: auto;">
@@ -23,7 +26,10 @@
         </button>
       </div>
     </div>
+  </div>
+  </div>
 </div>
+
 <section class="report-wrap">
 
   <!-- ── Head ── -->

src/app/components/report-component/report-com/report-com-3/report-com-3.component.html

@@ -2,7 +2,10 @@
   [title]="'รายงานสรุปจำนวนพนักงานที่ติด GAP Competency'"
   activeitem="รายงาน">
 </app-page-header>
-<div id="Grid_toolbarItems" class="e-control e-toolbar e-lib e-keyboard" role="toolbar" aria-disabled="false" aria-orientation="horizontal" style="height: auto; width: auto;" tabindex="-1">
+
+<div class="flex justify-end">
+  <div class="px-1">
+    <div id="Grid_toolbarItems" class="e-control e-toolbar e-lib e-keyboard" role="toolbar" aria-disabled="false" aria-orientation="horizontal" style="height: auto; width: 300px; border-radius: 0.50rem;" tabindex="-1">
     <div class="e-toolbar-items" style="display: flex; justify-content: flex-end;">
       <div class="e-toolbar-item" title="Print">
         <button class="e-tbar-btn e-tbtn-txt e-control e-btn e-lib" type="button" id="Grid_print" tabindex="0" data-tabindex="-1" aria-label="Print" aria-disabled="false" style="width: auto;">
@@ -23,7 +26,10 @@
         </button>
       </div>
     </div>
+  </div>
+  </div>
 </div>
+
 <section class="gap-wrap">
 
   <header class="txt-center mb-8">