diff --git a/client/src/css/01-main.css b/client/src/css/01-main.css index 0ed7ac73..ead0852a 100644 --- a/client/src/css/01-main.css +++ b/client/src/css/01-main.css @@ -19,9 +19,10 @@ body { /* notifications */ .notification { padding: 10px; - margin: 10px 0px; + margin: 15px 0px; border-radius: 6px; display: none; + position: absolute; } .notification img { width: 24px; @@ -63,4 +64,4 @@ body { } h1 { font-size: 25px; -} \ No newline at end of file +} diff --git a/server/src/views/firstfactor.pug b/server/src/views/firstfactor.pug index 373d2f45..4f64c69d 100644 --- a/server/src/views/firstfactor.pug +++ b/server/src/views/firstfactor.pug @@ -7,9 +7,9 @@ block form-header h1 Sign in block content + div(class="notification") img(class="header-img" src="/img/user.png" alt="user profile") p Enter your credentials to sign in - div(class="notification") form(class="form-signin") div(class="form-inputs") input(type="text" class="form-control" id="username" placeholder="Username" required autofocus) diff --git a/server/src/views/password-reset-form.pug b/server/src/views/password-reset-form.pug index 5f14cdbb..07f0baa7 100644 --- a/server/src/views/password-reset-form.pug +++ b/server/src/views/password-reset-form.pug @@ -7,12 +7,12 @@ block form-header h1 Reset password block content + div(class="notification") img(class="header-img" src="/img/password.png" alt="password") p Set your new password and confirm it. - div(class="notification") form(class="form-signin") div(class="form-inputs") input(class="form-control" type="password" name="password1" id="password1" placeholder="New password" required="required") input(class="form-control" type="password" name="password2" id="password2" placeholder="Password confirmation" required="required") button(id="reset-password-button" class="btn btn-lg btn-primary btn-block" type="submit") Reset Password - span(class="clearfix") \ No newline at end of file + span(class="clearfix") diff --git a/server/src/views/password-reset-request.pug b/server/src/views/password-reset-request.pug index 8236508f..21746af9 100644 --- a/server/src/views/password-reset-request.pug +++ b/server/src/views/password-reset-request.pug @@ -7,12 +7,12 @@ block form-header h1 Reset password block content + div(class="notification") div img(class="header-img" src="/img/password.png" alt="password") p After giving your username, you will receive an email to change your password. - div(class="notification") form(class="form-signin") div(class="form-inputs") input(type="text" class="form-control" name="username" id="username" placeholder="Your username" required="required") button(id="reset-password-button" class="btn btn-lg btn-primary btn-block" type="submit") Reset Password - span(class="clearfix") \ No newline at end of file + span(class="clearfix") diff --git a/server/src/views/secondfactor.pug b/server/src/views/secondfactor.pug index 681b8bbc..095f1334 100644 --- a/server/src/views/secondfactor.pug +++ b/server/src/views/secondfactor.pug @@ -7,16 +7,16 @@ block form-header h1 Sign in block content - div + div + div(class="notification notification-totp") h3 Hi #{username} div(class="row") div(class="u2f-token") img(src="/img/pendrive.png", alt="security key") - p + p | Please, touch your security key
b Or
| Get a one-time password - div(class="notification notification-totp") form(class="form-signin totp") div(class="form-inputs") input(type="text" autocomplete="off" class="form-control" id="token" placeholder="Token" required autofocus) @@ -25,7 +25,7 @@ block content div Need to register? div a(href=u2f_identity_start_endpoint, class="link register-u2f", data-toggle="tooltip", title="A security key is required to register.") Security key - | | + | | a(href=totp_identity_start_endpoint, class="link register-totp") Google Authenticator span(class="clearfix") - script(src="/js/u2f-api.js", type="text/javascript") \ No newline at end of file + script(src="/js/u2f-api.js", type="text/javascript")