Fix styling on mnemonic ui

cronoh · Mar 8, 2019 · 491fa15 · 491fa15
1 parent 3159442
commit 491fa15
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/app/components/configure-wallet/configure-wallet.component.css b/src/app/components/configure-wallet/configure-wallet.component.css
@@ -30,8 +30,13 @@ pre.mnemonic span.mnemonic-word::before {
                                   supported by Chrome and Opera */
 }
 
+.mne-box {
+  max-width: 410px;
+}
+
 .mne-cont {
   display: block;
+  border-bottom: 1px dashed #449af373;
 }
 
 .mne-word {

diff --git a/src/app/components/configure-wallet/configure-wallet.component.html b/src/app/components/configure-wallet/configure-wallet.component.html
@@ -143,7 +143,7 @@ <h3 class="uk-card-title">Wallet Created!</h3>
         <span class="uk-text-small uk-text-muted">(Uses <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" class="uk-link-text" target="_blank">BIP39 Standard</a>)</span>
       </div>
       <div class="uk-width-3-4@m">
-        <pre class=""><span *ngFor="let line of newWalletMnemonicLines; let l = index" class="mne-cont"><span *ngFor="let word of line; let i = index" class="mne-word"><span class="mne-num">{{ (l * 4) + i + 1 }}</span> {{ word }}</span></span></pre>
+        <pre class="mne-box"><span *ngFor="let line of newWalletMnemonicLines; let l = index" class="mne-cont"><span *ngFor="let word of line; let i = index" class="mne-word"><span class="mne-num">{{ (l * 4) + i + 1 }}</span> {{ word }}</span></span></pre>
         <a title="Copy Mnemonic To Clipboard" ngxClipboard [cbContent]="newWalletMnemonic" (cbOnSuccess)="copied()" uk-tooltip>Copy mnemonic to clipboard</a>
       </div>
     </div>