diff --git a/src/app/accounts/settings.component.ts b/src/app/accounts/settings.component.ts
index 69e13cc873..bb9b090948 100644
--- a/src/app/accounts/settings.component.ts
+++ b/src/app/accounts/settings.component.ts
@@ -137,7 +137,7 @@ export class SettingsComponent implements OnInit {
label.innerHTML = '';
label.appendChild(checkboxText);
- div.innerHTML =
+ div.innerHTML =
`
${this.i18nService.t('setYourPinCode')}
` +
'';
@@ -146,9 +146,10 @@ export class SettingsComponent implements OnInit {
div.appendChild(label);
const submitted = await Swal.fire({
+ heightAuto: false,
+ buttonsStyling: false,
text: this.i18nService.t('setYourPinCode'),
html: div,
-
showCancelButton: true,
cancelButtonText: this.i18nService.t('cancel'),
showConfirmButton: true,
diff --git a/src/scss/plugins.scss b/src/scss/plugins.scss
index 13e013c2ca..0c3652f77f 100644
--- a/src/scss/plugins.scss
+++ b/src/scss/plugins.scss
@@ -129,7 +129,7 @@ $fa-font-path: "~font-awesome/fonts";
border: 1px solid #000000;
border-radius: $border-radius;
margin-bottom: 0;
-
+ box-shadow: none;
// Inherit theme font-size
font-size: inherit;
@@ -168,21 +168,14 @@ $fa-font-path: "~font-awesome/fonts";
margin: 0;
justify-content: flex-end;
- .swal2-styled {
+ button {
+ margin-left: 10px;
@extend .btn;
- &:focus {
- box-shadow: none;
+ &.swal2-confirm {
+ @extend .btn.primary;
+ font-weight: bold;
}
}
-
- .swal2-confirm {
- // Overwrite border-left and border-right-color
- @include themify($themes) {
- border-color: themed('buttonBorderColor') !important;
- }
-
- @extend .btn.primary;
- }
}
}