responsive pdf print excel

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

@@ -5,8 +5,8 @@
 
 <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 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; border-radius: 0.50rem;" tabindex="-1">
+    <div class="e-toolbar-items">
       <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;">
           <span class="e-btn-icon e-print e-icons e-icon-left"></span>

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

@@ -5,8 +5,8 @@
 
 <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 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; border-radius: 0.50rem;" tabindex="-1">
+    <div class="e-toolbar-items">
       <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;">
           <span class="e-btn-icon e-print e-icons e-icon-left"></span>

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

@@ -5,8 +5,8 @@
 
 <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 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; border-radius: 0.50rem;" tabindex="-1">
+    <div class="e-toolbar-items">
       <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;">
           <span class="e-btn-icon e-print e-icons e-icon-left"></span>