further improvements on events to approve and expedientes view for mobile

src/app/pages/gabinete-digital/expediente/expediente.page.html

@@ -1,32 +1,40 @@
 <ion-header class="ion-no-border">
-  <div class="title">
-    <div class="thetitle"><ion-label >Expediente</ion-label></div>
-    <div class="theicon">
-      <button class="btn-no-color" (click)="doRefresh()">
-        <ion-icon slot="end" class="title-icon" name="reload-circle"></ion-icon>
-      </button>
-    </div>
-  </div>
+  <app-header></app-header>
 </ion-header>
 <ion-content>
   <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
-      <ion-refresher-content
-        pullingIcon="chevron-down-circle-outline"
-        pullingText="deslize para actualizar"
-        refreshingSpinner="circles"
-        refreshingText="A actualizar...">
-      </ion-refresher-content>
-    </ion-refresher>
+    <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
+     <ion-refresher-content>
+    </ion-refresher-content>
+  </ion-refresher>
+  <div class="main-content d-flex height-100" [ngSwitch]="segment">
+    <div class="content d-flex flex-column width-100">
+      <div class="header-content">
+        <div class="header-icon-left">
+          <button class="btn-no-color cursor-pointer" (click)="goBack()">
+            <ion-icon src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+          </button>
+        </div>
+        <div class="header-title">
+          <label>Expediente</label>
+        </div>
+        <div class="btn-refresh">
+          <button class="btn-no-color" (click)="doRefresh()">
+            <ion-icon slot="end" class="title-icon" name="reload-circle"></ion-icon>
+          </button>
+        </div>
+    </div>
   
   <div class="width-100" *ngIf="taskslist">
+    
     <ion-list>
-      <ion-item 
-          class="expediente ion-no-padding cursor-pointer"  
+      <div 
+          class="expediente cursor-pointer"  
           *ngFor = "let task of taskslist"
           (click)="goToExpediente(task.SerialNumber)"
           >
             <div class="item width-100">
-              <div class="exp-top-detail">
+              <div class="exp-top-detail width-100">
                 <div class="exp-date">
                   <ion-label>{{ task.CreateDate | date: 'dd-MM-yy' }}</ion-label>
                 </div>
@@ -42,7 +50,7 @@
                 <ion-label>{{ task.Folio }}</ion-label>
               </div>
             </div>
-          </ion-item>
+          </div>
     </ion-list>
   </div>
   <div *ngIf="!taskslist">
@@ -70,5 +78,7 @@
       </ion-item>
     </ion-list>
   </div>
+</div>
+</div>
 </ion-content>