style expedient detail for desktop

src/app/shared/gabinete-digital/expedients/expedients.page.html

@@ -1,6 +1,6 @@
 <ion-header class="ion-no-border">
   <div class="title">
-    <ion-label >Correspondencia</ion-label>
+    <ion-label >Correspondência</ion-label>
   </div>
   <ion-toolbar>
     <ion-segment [(ngModel)]="segment">

src/app/shared/gabinete-digital/expedients/expedients.page.scss

@@ -33,7 +33,7 @@ ion-item{
     //Sborder: solid 1px #e9e9e9;
     background-color: var(--white);
     margin: 0 auto;
-    padding: 10px;
+    //padding: 10px;
     margin-bottom: 10px;
     overflow: auto;
   }
@@ -94,7 +94,7 @@ ion-item{
   padding-top: 10px;
 }
 .exp-list-item{
-  width: 368px;
+  //width: 368px;
   overflow: auto;
   /* border-bottom: 1px solid gray; */
   margin: 10px auto;
@@ -116,7 +116,7 @@ ion-item{
   float: left;
 }
 .exp-remetente{
-  width: 200px;
+  //width: 200px;
   font-family: Roboto;
   font-size: 13px;
   font-weight: normal;
@@ -135,7 +135,6 @@ ion-item{
   color: #42b9fe;
 }
 .exp-bottom-detail{
-  width: 100px;
   float: left;
   font-family: Roboto;
   font-size: 16px;

src/app/shared/gabinete-digital/expedients/expedients.page.ts

@@ -1,4 +1,4 @@
-import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
 import { Router } from '@angular/router';
 import { CalendarComponent } from 'ionic2-calendar';
 
@@ -24,6 +24,7 @@ export class ExpedientsPage implements OnInit {
   serialNumber:string;
 
   @Input() profile:string;
+  @Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();
 
   constructor(
     private processes:ProcessesService,
@@ -38,6 +39,12 @@ export class ExpedientsPage implements OnInit {
     this.LoadList();
   }
 
+  openExpedientDetailPage(data){
+    console.log(data);
+    
+    this.openExpedientDetail.emit(data);
+  }
+
   LoadList()
   {
     this.processes.GetTasksList("Expediente", false).subscribe(result => {
@@ -81,8 +88,8 @@ export class ExpedientsPage implements OnInit {
         serialNumber: serialNumber,
         profile: this.profile,
       },
-      cssClass: classs,
-      backdropDismiss: false
+      cssClass: 'modal modal-desktop',
+      backdropDismiss: false,
     });
     await modal.present();
     modal.onDidDismiss().then((res)=>{