fixed scroll issue

Mohem/src/app/notification/home/home.component.ts

@@ -554,23 +554,6 @@ export class HomeComponent implements OnInit {
       });
   }
 
-//   return arrayToSort.sort((a: any, b: any) =>
-//   new Date(b.date).getTime() - new Date(a.date).getTime()
-// );
-
-sortArrayOfAll(arrayOfAll){
-    let date1;
-    let date2;
-    for(let i=0; i< arrayOfAll.length; i++){
-      // for(const filter of arrayOfAll[i]){
-        console.log(arrayOfAll);
-        arrayOfAll.sort((a,b)=>(this.common.getDateTimeISOFromString(a.ModifiedDate), this.common.getDateTimeISOFromString(b.ModifiedDate))?1:-1);
-        console.log(arrayOfAll);
-        // console.log(this.common.getDateTimeISOFromString(filter.ModifiedDate));
-      // }
-    }
-  }
-
   Details() {
     this.workListService.getITGDetails('', '', this.isPostNoLoad)
       .subscribe((result: any) => {

Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.html

@@ -156,11 +156,11 @@
 
 
   <ion-tabs>
-    <ion-tab-bar class="tabBar" slot="bottom">
+    <ion-tab-bar class="tabBar" slot="bottom" style="overflow-x: scroll;">
 
       <!-- <ion-tab-button *ngFor='let action of actionBTN' [hidden]="action.isAvailable" > -->
-      <ion-tab-button *ngFor='let action of actionBTN' [hidden]='!action.isAvailable'
-        (click)="selectAtion(action.name)">
+      <ion-tab-button *ngFor='let action of actionBTN;  let i=index' [hidden]='!action.isAvailable'
+        (click)="selectAtion(action.name)" [ngClass]="i === 0 ? 'tabs-margin' : ''">
 
         <img [src]="action.image">
         <ion-label style="font-size: 12px;">{{action.name}}</ion-label>

Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.scss

@@ -10,4 +10,7 @@
 }
 .timeline:before{
    position: fixed !important; 
+}
+.tabs-margin{
+    margin-left: 90px;
 }