fix: correct skewed button UI in iOS

Quarantine-Help · Feb 11, 2021 · 77dcf4b · 77dcf4b
1 parent 56359a1
commit 77dcf4b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/app/pages/view-request/view-request.page.html b/src/app/pages/view-request/view-request.page.html
@@ -116,10 +116,10 @@ <h5>{{ requestData.assignee.phone }}</h5>
   *ngIf="(userType==='HL') && (requestData.status === 'P' || requestData.status === 'T')">
   <ion-toolbar>
     <ion-buttons slot="start">
-      <ion-button (click)="removeRequest()" [color]="userThemeColorPrimary"> Remove </ion-button>
+      <ion-button (click)="removeRequest()" [color]="userThemeColorPrimary"> cancel delivery </ion-button>
     </ion-buttons>
     <ion-buttons slot="end">
-      <ion-button (click)="presentModal()" [color]="userThemeColorPrimary" fill="solid" size="default">Resolve</ion-button>
+      <ion-button (click)="presentModal()" [color]="userThemeColorPrimary" fill="solid" size="default">resolve request</ion-button>
     </ion-buttons>
   </ion-toolbar>
 </ion-footer>
diff --git a/src/app/shared/components/confirm-modal/confirm-modal.component.scss b/src/app/shared/components/confirm-modal/confirm-modal.component.scss
@@ -30,6 +30,9 @@ h1 {
     --border-radius: 50%;
     background-color: white;
     border-radius: 50%;
+    width: 24px;
+    height: 24px;
+    --size: 6vw;
   }
 
   background-color: var(--ion-color-primaryAF);
@@ -42,6 +45,10 @@ h1 {
     --border-radius: 50%;
     background-color: white;
     border-radius: 50%;
+    border-radius: 50%;
+    width: 24px;
+    height: 24px;
+    --size: 6vw;
   }
 
   background-color: var(--ion-color-primaryHL);