Login dialog

Made login logo width a % rather than a fixed px. Fixed column classes so that labels break correctly on smaller viewports.
This commit is contained in:
Chris Houseknecht
2014-07-21 09:48:30 -04:00
parent 2961d5150f
commit f07e78a592
2 changed files with 5 additions and 5 deletions

View File

@@ -503,7 +503,7 @@ dd {
} }
.login-header img { .login-header img {
width: 327px; width: 60%;
} }
.form-title { .form-title {

View File

@@ -263,8 +263,8 @@
<div class="login-alert" ng-show="(sessionExpired == true)">Your session timed out due to inactivity. Please sign in.</div> <div class="login-alert" ng-show="(sessionExpired == true)">Your session timed out due to inactivity. Please sign in.</div>
<form id="login-form" name="loginForm" class="form-horizontal" autocomplete="off" novalidate > <form id="login-form" name="loginForm" class="form-horizontal" autocomplete="off" novalidate >
<div class="form-group"> <div class="form-group">
<label class="control-label col-md-offset-1 col-md-2 col-sm-offset-1 col-sm-2 col-xs-3 prepend-asterisk">Username</label> <label class="control-label col-lg-3 col-md-3 col-sm-3 prepend-asterisk">Username</label>
<div class="col-md-8 col-sm-8 col-xs-9"> <div class="col-lg-9 col-md-9 col-sm-9">
<input type="text" name="login_username" class="form-control" ng-model="login_username" <input type="text" name="login_username" class="form-control" ng-model="login_username"
id="login-username" autocomplete="off" required> id="login-username" autocomplete="off" required>
<div class="error" ng-show="loginForm.login_username.$dirty && loginForm.login_username.$error.required">A value is required!</div> <div class="error" ng-show="loginForm.login_username.$dirty && loginForm.login_username.$error.required">A value is required!</div>
@@ -272,8 +272,8 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="control-label col-md-offset-1 col-md-2 col-sm-offset-1 col-sm-2 col-xs-3 prepend-asterisk">Password</label> <label class="control-label col-md-3 col-sm-3 prepend-asterisk">Password</label>
<div class="col-md-8 col-sm-8 col-xs-9"> <div class="col-md-9 col-sm-9">
<input type="password" name="login_password" id="login-password" class="form-control" <input type="password" name="login_password" id="login-password" class="form-control"
ng-model="login_password" required autocomplete="off"> ng-model="login_password" required autocomplete="off">
<div class="error" ng-show="loginForm.login_password.$dirty && loginForm.login_password.$error.required">A value is required!</div> <div class="error" ng-show="loginForm.login_password.$dirty && loginForm.login_password.$error.required">A value is required!</div>