diff --git a/client/src/css/02-login.css b/client/src/css/02-login.css index 07c6afd40..aa59733d3 100644 --- a/client/src/css/02-login.css +++ b/client/src/css/02-login.css @@ -107,4 +107,26 @@ .u2f-token img { width: 70px; +} + +.keep-me-logged-in { + margin-top: 10px; + font-size: 0.8em; +} + +.keep-me-logged-in input[type=checkbox] { + transform: scale(0.8); + margin: 0; + margin-right: 4px; +} + +.keep-me-logged-in label { + font-weight: 300; +} + +.keep-me-logged-in input, +.keep-me-logged-in label { + display: inline-block; + margin-bottom: 0; /* I added this after I posted my reply */ + vertical-align: middle; /* Fixes any weird issues in Firefox and IE */ } \ No newline at end of file diff --git a/server/src/views/firstfactor.pug b/server/src/views/firstfactor.pug index 448dac600..046b8c4c1 100644 --- a/server/src/views/firstfactor.pug +++ b/server/src/views/firstfactor.pug @@ -15,6 +15,9 @@ block content input(type="text" class="form-control" id="username" placeholder="Username" required autofocus) input(type="password" class="form-control" id="password" placeholder="Password" required) button(id="signin" class="btn btn-lg btn-primary btn-block" type="submit") Sign in + div(class="keep-me-logged-in pull-left") + input(type="checkbox" id="keep_me_logged_in" name="keep_me_logged_in" value="true") + label(for="keep_me_logged_in") Keep me logged in div(class="bottom-right-links pull-right") a(href=reset_password_request_endpoint, class="link forgot-password") Forgot password? span(class="clearfix")