Merge branch 'fix/active-secret' into 'develop'

make sure active secret is not cropped See merge request papers/airgap/airgap-vault!240
airgap-it · Mar 17, 2021 · d93c236 · d93c236
2 parents fb4e139 + 345b136
commit d93c236
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/app/components/current-secret/current-secret.component.html b/src/app/components/current-secret/current-secret.component.html
@@ -1,9 +1,19 @@
 <ion-item lines="none" button="true" detail="false">
-  <ion-label slot="start">{{ 'current-secret.label' | translate }}</ion-label>
+  <ion-text slot="start">{{ 'current-secret.label' | translate }}</ion-text>
   <p *ngIf="(secrets$ | async) && (secrets$ | async).length === 1" slot="end">
     {{ (currentSecret$ | async).label }}
   </p>
-  <ion-select *ngIf="(secrets$ | async) && (secrets$ | async).length > 1" slot="end" [ngModel]="currentSecret$ | async" (ngModelChange)="onChange($event)" interface="popover">
-    <ion-select-option *ngFor="let secret of secrets$ | async" [value]="secret">{{ secret.label }}</ion-select-option>
+  <ion-select
+    *ngIf="(secrets$ | async) && (secrets$ | async).length > 1"
+    slot="end"
+    [ngModel]="currentSecret$ | async"
+    (ngModelChange)="onChange($event)"
+    interface="popover"
+  >
+    <ion-select-option *ngFor="let secret of secrets$ | async" [value]="secret">
+      <ion-text>
+        {{ secret.label }}
+      </ion-text>
+    </ion-select-option>
   </ion-select>
 </ion-item>