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">
<app-form-label
[isLarge]="true"
[isInactive]="!hasFinished"
[isComplete]="false">
[isComplete]="false"
>
Download PDF with New Backup Code
</app-form-label>
</app-form-label>
</div>
<div *ngIf="hasFinished">
<p>
Your backup code is the <strong>only</strong> way to recover your
account if you forget&nbsp;your&nbsp;password.
</p>
<p>
<div class="register-step__feedback">
<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.
</p>
</div>
</div>
<button (click)="downloadPDF()" class="button button--primary u-margin-b-15">
Download
</button>
<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">
Your previous code is now invalid. If you navigate away from this page,
you will not be able to use&nbsp;this&nbsp;code&nbsp;either.
</p>
<div class="manage-backup-code__note">
Your previous code is now invalid. If you press "Skip" or navigate away from this page, you
will not be able to use&nbsp;this&nbsp;code&nbsp;either.
</div>
</div>
......@@ -4,7 +4,7 @@ import { BackupCodePdfService } from "../../backup-code-pdf.service";
@Component({
selector: 'app-download-backup-code',
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 {
......
......@@ -10,6 +10,6 @@
margin-top: 5px;
color: $color-gothic;
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