Improve modal

src/app/pages/gabinete-digital/pedidos/pedidos.page.ts

@@ -129,13 +129,6 @@ export class PedidosPage implements OnInit {
  async viewPedidoDetail(serialNumber:any) {
    console.log(this.profile);
 
-   let classs;
-   if( window.innerWidth <= 800){
-     classs = 'modal'
-   } else  {
-     classs = 'modal modal-desktop'
-   }
-
    const modal = await this.modalController.create({
      component: PedidoPage,
      componentProps:{
@@ -143,7 +136,7 @@ export class PedidosPage implements OnInit {
        serialNumber: serialNumber,
        profile: this.profile,
      },
-     cssClass: classs,
+     cssClass: 'modal modal-desktop',
    });
    await modal.present();
    modal.onDidDismiss().then((res)=>{

src/app/pages/gabinete-digital/pendentes/pendentes.page.ts

@@ -151,12 +151,7 @@ export class PendentesPage implements OnInit {
   }
   
   async openPedido(serialNumber:string){
-    let classs;
+
-    if( window.innerWidth <= 800){
-      classs = 'modal'
-    } else  {
-      classs = 'modal modal-desktop'
-    }
     const modal = await this.modalController.create({
       component: PedidoPage,
       componentProps:{
@@ -164,7 +159,7 @@ export class PendentesPage implements OnInit {
         serialNumber: serialNumber,
         profile: this.profile,
       },
-      cssClass: classs,
+      cssClass: 'modal modal-desktop',
     });
     await modal.present();
     modal.onDidDismiss().then((res)=>{

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

@@ -130,13 +130,6 @@ export class PedidosPage implements OnInit {
   async viewPedidoDetail(serialNumber:any) {
     console.log(this.profile);
 
-    let classs;
-    if( window.innerWidth <= 800){
-      classs = 'modal'
-    } else  {
-      classs = 'modal modal-desktop'
-    }
-
     const modal = await this.modalController.create({
       component: PedidoPage,
       componentProps:{
@@ -144,7 +137,7 @@ export class PedidosPage implements OnInit {
         serialNumber: serialNumber,
         profile: this.profile,
       },
-      cssClass: classs,
+      cssClass: 'modal modal-desktop',
     });
     await modal.present();
     modal.onDidDismiss().then((res)=>{

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

@@ -151,12 +151,7 @@ export class PendentesPage implements OnInit {
   }
   
   async openPedido(serialNumber:string){
-    let classs;
+
-    if( window.innerWidth <= 800){
-      classs = 'modal'
-    } else  {
-      classs = 'modal modal-desktop'
-    }
     const modal = await this.modalController.create({
       component: PedidoPage,
       componentProps:{
@@ -164,7 +159,7 @@ export class PendentesPage implements OnInit {
         serialNumber: serialNumber,
         profile: this.profile,
       },
-      cssClass: classs,
+      cssClass: 'modal modal-desktop',
     });
     await modal.present();
     modal.onDidDismiss().then((res)=>{

src/global.scss

@@ -540,10 +540,10 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
 }
 
 
-.calendar-component{
+.calendar-component {
-    td{
+    td {
-        padding: 8px !important;
+        padding: 7.5px !important;
-        div{
+        div {
             padding-left: 0px;
         }
     }
@@ -570,7 +570,7 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
     -ms-border-radius: 3px !important;
     -o-border-radius: 3px !important;
   }
-  .title-icon{
+  .title-icon {
     font-size: 40px !important;
     color: #42b9fe;
     overflow: auto;
@@ -578,15 +578,15 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
   ion-icon {
     pointer-events: none;
   }
-  .btn-no-color{
+  .btn-no-color {
     background: transparent;
     margin: 0 !important;
     padding: 0 !important;
-    ion-icon{
+    ion-icon {
       font-size: 35px;
     }
   }
-  .btn-no-color:focus{
+  .btn-no-color:focus {
     outline: 0;
   }