From 26d4fb8005d3374eaea8be547e264a2f55f94b8c Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Mon, 12 Nov 2018 23:06:28 -0500
Subject: [PATCH] fix aslignment with invisible progress bar

---
 src/app/accounts/register.component.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/accounts/register.component.html b/src/app/accounts/register.component.html
index 26caf8f201..bdc0028005 100644
--- a/src/app/accounts/register.component.html
+++ b/src/app/accounts/register.component.html
@@ -26,9 +26,12 @@
                                     [(ngModel)]="masterPassword" (input)="updatePasswordStrength()" required appInputVerbatim>
                                 <app-password-strength [score]="masterPasswordScore" [showText]="true"></app-password-strength>
                             </div>
-                            <button type="button" class="ml-1 btn btn-link" title="{{'toggleVisibility' | i18n}}" (click)="togglePassword(false)">
-                                <i class="fa fa-lg" [ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
-                            </button>
+                            <div>
+                                <button type="button" class="ml-1 btn btn-link" title="{{'toggleVisibility' | i18n}}" (click)="togglePassword(false)">
+                                    <i class="fa fa-lg" [ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
+                                </button>
+                                <div class="progress-bar invisible"></div>
+                            </div>
                         </div>
                         <small class="form-text text-muted">{{'masterPassDesc' | i18n}}</small>
                     </div>