ddjust the button size when the button text is too long

Author: mayswind

src/styles/mobile/common/login-page.scss

@@ -86,6 +86,12 @@
 
     .login-page-primary-action > .list-button,
     .login-page-secondary-action > .list-button {
+        box-sizing: border-box;
+        min-height: var(--f7-list-item-min-height);
+        padding-block: 8px;
+        line-height: 1.25;
+        white-space: normal;
+        text-wrap: balance;
         border-radius: 14px;
         font-weight: 600;
         transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;

src/views/mobile/UnlockPage.vue

@@ -1,5 +1,5 @@
 <template>
-    <f7-page no-navbar no-swipeback login-screen hide-toolbar-on-scroll class="login-page">
+    <f7-page no-navbar no-swipeback login-screen hide-toolbar-on-scroll class="login-page unlock-page">
         <f7-login-screen-title>
             <img alt="logo" class="login-page-logo" :src="APPLICATION_LOGO_PATH" />
             <f7-block class="login-page-tile margin-vertical-half">{{ tt('global.app.title') }}</f7-block>