Commit 78d43594 authored by Emily Jensen's avatar Emily Jensen

Edits to download backup code component styles

parent b71fc089
<app-form-label <div class="form-field form-field--large">
[isLarge]="true" <app-form-label
[isInactive]="!hasFinished" [isLarge]="true"
[isComplete]="false"> [isInactive]="!hasFinished"
Download PDF with New Backup Code [isComplete]="false"
</app-form-label> >
<div *ngIf="hasFinished"> Download PDF with New Backup Code
<p> </app-form-label>
Your backup code is the <strong>only</strong> way to recover your </div>
account if you forget&nbsp;your&nbsp;password.
</p>
<p>
Download it, print it out, and save it someplace safe. Destroy your old
backup&nbsp;code&nbsp;file.
</p>
<button (click)="downloadPDF()" class="button button--primary u-margin-b-15"> <div *ngIf="hasFinished">
Download <div class="register-step__feedback">
</button> <div class="text--large text--less-bottom-margin">
Your backup code is the <strong>only</strong> way to recover your account
if you forget&nbsp;your&nbsp;password.
</div>
<div class="text--large text--less-bottom-margin">
Download it, print it out, and save it someplace safe. Destroy your old
backup&nbsp;code&nbsp;file.
</div>
</div>
<div class="u-margin-b-20">
<button (click)="downloadPDF()" class="button button--primary">
Download
</button>
<button class="button button--text" href="javascript:void(0)" [routerLink]="['/account']">
Skip (not recommended)
</button>
</div>
<p class="manage-backup-code__note"> <div class="manage-backup-code__note">
Your previous code is now invalid. If you navigate away from this page, Your previous code is now invalid. If you press "Skip" or navigate away from this page, you
you will not be able to use&nbsp;this&nbsp;code&nbsp;either. will not be able to use&nbsp;this&nbsp;code&nbsp;either.
</p> </div>
</div> </div>
\ No newline at end of file
...@@ -4,7 +4,7 @@ import { BackupCodePdfService } from "../../backup-code-pdf.service"; ...@@ -4,7 +4,7 @@ import { BackupCodePdfService } from "../../backup-code-pdf.service";
@Component({ @Component({
selector: 'app-download-backup-code', selector: 'app-download-backup-code',
templateUrl: './download-backup-code.component.html', templateUrl: './download-backup-code.component.html',
styleUrls: ['./download-backup-code.component.scss'] styleUrls: ['./download-backup-code.component.scss', "../manage-backup-code.component.scss"]
}) })
export class DownloadBackupCodeComponent { export class DownloadBackupCodeComponent {
......
...@@ -10,6 +10,6 @@ ...@@ -10,6 +10,6 @@
margin-top: 5px; margin-top: 5px;
color: $color-gothic; color: $color-gothic;
line-height: 1.2857em; line-height: 1.2857em;
font-size: 14px; font-size: 18px;
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment