Improve responsiveness

src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.html

@@ -5,15 +5,13 @@
 <ion-content>
   <div class="main-content d-flex height-100">
     <div class="content d-flex flex-column" *ngIf="task">
-      <div class="main-header">
-        <div class="title-content">
-          <ion-toolbar>
-            <ion-buttons slot="start">
-              <ion-back-button (click)="goBack()" defaultHref="#"></ion-back-button>
-            </ion-buttons>
-          </ion-toolbar>
+      <div class="main-header ">
+        <div class="title-content d-flex justify-space-between align-center">
+          <div class="font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
+            <ion-icon  slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          </div>
           <!-- <app-btn-modal-dismiss></app-btn-modal-dismiss> -->
-          <div class="middle">
+          <div class="middle d-flex align-center flex-grow-1">
             <ion-label class="title">{{ task.Folio}}</ion-label>
           </div>
           <div class="div-icon">

src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.scss

@@ -33,7 +33,7 @@
         padding: 0!important;
         float: left;
         width: 280px;
-        margin: 2.5px 0 0 5px;
+
         display: flex;
         align-items: center;
             
@@ -74,8 +74,6 @@
           font-size: 25px;
           overflow: auto;
           float: left;
-          padding-top: 4px;
-          padding-left: 5px;
         }
         .div-icon{
           width: 40px;