diff --git a/background.html b/background.html index 94b479435..7ffa8a138 100644 --- a/background.html +++ b/background.html @@ -603,6 +603,7 @@
Create your Loki Messenger Account
+
Enter a name that will be shown to all your contacts

Register using mnenomic

@@ -617,6 +618,11 @@

Register a new account

+
+ Please save the mnemonic words below in a safe location. +
+ They can be used to restore your account if you lose access or migrate to a new device. +
Generate Mnemonic diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss index 49aad94e2..c13cc6093 100644 --- a/stylesheets/_global.scss +++ b/stylesheets/_global.scss @@ -802,11 +802,13 @@ textarea { .standalone-fullscreen { background: $color-dark-85; + overflow-y: auto; } #standalone { color: $color-dark-05; height: auto; + padding: 0; ::-webkit-scrollbar-track { background: $color-dark-85; @@ -860,11 +862,39 @@ textarea { } #mnemonic-display { - margin: 8px; - margin-top: 0; + margin: 2em 8px; font-size: 16px; font-style: italic; } + + .standalone-register-warning { + font-weight: bold; + font-size: 16px; + margin: 0px 8px; + } + + .display-name-header { + margin-bottom: 8px; + font-size: 14px; + } + + #generate-mnemonic, #copy-mnemonic { + background: $grey; + } + + @media (min-height: 750px) and (min-width: 700px) { + .display-name-header { + font-size: 18px; + } + + .standalone-register-warning { + font-size: 20px; + } + + #mnemonic-display { + font-size: 20px; + } + } } //yellow border fix