save

src/app/shared/popover/request-options/request-options.page.html

@@ -1,10 +1,4 @@
-<ion-content class="container">
-  <div class="arrow-right" (click)="close()">
-    <button class="btn-no-color">
-      <ion-icon slot="end" class="arrow-right-icon" src='assets/images/icons-arrow-arrow-right.svg'></ion-icon>
-    </button>
-  </div>
-
+<div class="wrapper">
   <div *ngIf="task.WorkflowName == 'Pedido de Deferimento'">
     <div class="buttons" *ngIf="task.activityInstanceName == 'Tarefa de Deferimento'">
       <button (click)="openAddNoteModal('Arquivar')" class="btn-cancel" shape="round" >Arquivar</button>
@@ -61,7 +55,4 @@
       <button (click)="cancel()" class="btn-cancel" shape="round" >Cancelar</button>
     </div>
   </div>
-  <!-- <div class="buttons">
-    <button (click)="close()" class="btn-cancel" shape="round" >Cancelar</button>
-  </div> -->
-</ion-content>
+</div>

src/app/shared/popover/request-options/request-options.page.scss

@@ -1,8 +1,7 @@
-.container{
-    --padding-top:20px !important;
-   --padding-bottom:20px !important;
-   --padding-start:20px !important;
-   --padding-end:20px !important;
+.wrapper{
+  width: 100% !important;
+  padding-top:20px !important;
+  padding-bottom:20px !important;
 }
 .arrow-right{
     display: none;
@@ -15,9 +14,11 @@
     }
 }
 .buttons{
+  width: 100% !important;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
+    margin: 0 auto !important;
 }
 .solid {
     display: none;
@@ -31,11 +32,18 @@
     margin-top: 5px !important;
 }
 @media only screen and (max-width: 800px) {
+  .container{
+    width: 100% !important;
+  }
     .btn-ok, .btn-cancel, .btn-delete{
         width: 47% !important;
     }
 }
 @media only screen and (min-width: 1024px) {
+  .container{
+    width: 100% !important;
+
+  }
     .arrow-right{
         display: flex;
         justify-content: flex-end;
@@ -53,4 +61,4 @@
    /*  .solid{
         display: block;
     } */
-}
+}