diff --git a/src/UI/Components/QRCode.js b/src/UI/Components/QRCode.js index b966a2fc3..850118a66 100644 --- a/src/UI/Components/QRCode.js +++ b/src/UI/Components/QRCode.js @@ -15,6 +15,10 @@ export default class QRCodeView extends Component { flex-direction: column; align-items: center; } + .qr-code img { + width: 150px; + margin-bottom: 20px; + } ` create_template ({ template }) { diff --git a/src/UI/Components/StepHeading.js b/src/UI/Components/StepHeading.js index 93ac64784..2f61f981a 100644 --- a/src/UI/Components/StepHeading.js +++ b/src/UI/Components/StepHeading.js @@ -27,19 +27,20 @@ export default class StepHeading extends Component { display: flex; justify-content: center; align-items: center; - width: 30px; - height: 30px; + width: 25px; + height: 25px; border-radius: 50%; background-color: #3e5362; color: #FFFFFF; - font-size: 20px; + font-size: 15px; font-weight: 700; } .text { - margin-left: 20px; - font-size: 30px; + margin-left: 10px; + font-size: 18px; color: hsl(220, 25%, 31%); + font-weight: 500; } ` diff --git a/src/UI/Components/StepView.js b/src/UI/Components/StepView.js index 080b92017..5c3cff363 100644 --- a/src/UI/Components/StepView.js +++ b/src/UI/Components/StepView.js @@ -9,6 +9,7 @@ export default class StepView extends Component { static CSS = ` #wrapper { display: none } + * { -webkit-font-smoothing: antialiased;} `; create_template ({ template }) { diff --git a/src/UI/UIWindow2FASetup.js b/src/UI/UIWindow2FASetup.js index d9a837888..1d5001580 100644 --- a/src/UI/UIWindow2FASetup.js +++ b/src/UI/UIWindow2FASetup.js @@ -202,7 +202,7 @@ const UIWindow2FASetup = async function UIWindow2FASetup () { } }, - title: 'Instant Login!', + title: '2FA Setup', app: 'instant-login', single_instance: true, icon: null, diff --git a/src/UI/UIWindowDownloadDirProg.js b/src/UI/UIWindowDownloadDirProg.js index 8a9ba5c91..9068fc882 100644 --- a/src/UI/UIWindowDownloadDirProg.js +++ b/src/UI/UIWindowDownloadDirProg.js @@ -28,7 +28,7 @@ async function UIWindowDownloadDirProg(options){ h += `

${options.defaultText ?? i18n('preparing')}

`; const el_window = await UIWindow({ - title: 'Instant Login!', + title: 'Download Directory Progress', app: 'instant-login', single_instance: true, icon: null, diff --git a/src/UI/UIWindowLoginInProgress.js b/src/UI/UIWindowLoginInProgress.js index fff279f51..ff33fe8e6 100644 --- a/src/UI/UIWindowLoginInProgress.js +++ b/src/UI/UIWindowLoginInProgress.js @@ -35,7 +35,7 @@ async function UIWindowLoginInProgress(options){ h += ``; const el_window = await UIWindow({ - title: 'Instant Login!', + title: 'Authenticating...', app: 'change-passowrd', single_instance: true, icon: null, diff --git a/src/UI/UIWindowQR.js b/src/UI/UIWindowQR.js index 32e33ea56..c2d63ec18 100644 --- a/src/UI/UIWindowQR.js +++ b/src/UI/UIWindowQR.js @@ -36,7 +36,7 @@ async function UIWindowQR(options){ let h = ''; // close button containing the multiplication sign - // h += `
×
`; + h += `
×
`; h += `
`; h += `

${ i18n(options.message_i18n_key || 'scan_qr_generic')