TT-664 fix bad UX QA

Author: ngalvare10

src/app/modules/reports/components/time-entries-table/time-entries-table.component.html

@@ -1,7 +1,7 @@
 <div class="row scroll-table mt-5 ml-0">
     <app-search-user [users]="users" (selectedUserId)="user($event)"></app-search-user>
 
-    <div class="table-responsive">
+    
         <table class="table table-striped mb-0" datatable [dtTrigger]="dtTrigger" [dtOptions]="dtOptions" *ngIf="(reportDataSource$ | async) as dataSource">
             <thead class="thead-blue">
                 <tr class="d-flex">
@@ -57,6 +57,6 @@
                 </tr>
             </tbody>
         </table>
-    </div>
+   
 </div>
 <div class="alert alert-dark mt-3">Total: {{this.resultSum.hours}} hours, {{this.resultSum.minutes}} minutes</div>

src/app/modules/reports/components/time-entries-table/time-entries-table.component.ts

@@ -26,10 +26,7 @@ export class TimeEntriesTableComponent implements OnInit, OnDestroy, AfterViewIn
   selectOptionNames = [15, 30, 50, 100, 'All'];
   users: User[] = [];
   dtOptions: any = {
-    scrollY: '590px',
-    sScrollX: '100%',
     bScrollCollapse: true,
-    dom: '<"d-flex justify-content-between"B<"d-flex"<"mr-5"l>f>>rtip',
     pageLength: 30,
     lengthMenu: [this.selectOptionValues, this.selectOptionNames],
     buttons: [

src/app/modules/time-entries/pages/time-entries.component.html

@@ -20,7 +20,7 @@
         </div>
     </div>
     <div id="listView" [hidden]="displayGridView">
-        <div class="table-responsive">
+       
             <table  class="table table-sm table-striped mb-0 " datatable [dtTrigger]="dtTrigger" [dtOptions]="dtOptions" *ngIf="(timeEntriesDataSource$ | async) as dataSource">
                 <caption></caption>
                 <thead class="thead-blue">
@@ -54,7 +54,7 @@
                     </tr>
                 </tbody>
             </table>
-        </div>
+        
     </div>
 </div>
 <div class="modal fade" id="editRecordsByDate" tabindex="-1" role="dialog">