From 770eab8af15c1487e671d1f2f524be65c33a5f6b Mon Sep 17 00:00:00 2001
From: Chris Houseknecht <chouse@ansible.com>
Date: Wed, 5 Mar 2014 09:58:48 -0500
Subject: [PATCH] Fixed column sizing centering of username/password on login
 dialog. Form now remains horizontal down to xs screen size.

---
 awx/ui/templates/ui/index.html | 46 ++++++++++++++++------------------
 1 file changed, 21 insertions(+), 25 deletions(-)

diff --git a/awx/ui/templates/ui/index.html b/awx/ui/templates/ui/index.html
index 9e160b516c..8fdfe3626a 100644
--- a/awx/ui/templates/ui/index.html
+++ b/awx/ui/templates/ui/index.html
@@ -193,32 +193,28 @@
                 <img src="{{ STATIC_URL }}img/tower_console_logo.png" />
               </div>
               <div class="modal-body">
-                <div class="login-alert" ng-show="(sessionExpired == false)">Welcome to Ansible Tower! &nbsp;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 >
-                  <div class="form-group">
-                    <label class="control-label col-lg-3 prepend-asterisk">Username</label>
-                    <div class="col-lg-8">
-                      <input type="text" name="login_username" class="form-control" ng-model="login_username"
-                          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 api-error" ng-bind="usernameError"></div>
-                    </div>
-                  </div>
-                  <div class="form-group">
-                    <label class="control-label col-lg-3 prepend-asterisk">Password</label>
-                    <div class="col-lg-8">
-                      <input type="password" name="login_password" id="login-password" class="form-control"
-                          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 class="login-alert" ng-show="(sessionExpired == false)">Welcome to Ansible Tower! &nbsp;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 >
+                      <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>
+                          <div class="col-md-8 col-sm-8 col-xs-9">
+                              <input type="text" name="login_username" class="form-control" ng-model="login_username"
+                                  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 api-error" ng-bind="usernameError"></div>
                           </div>
-                      <div class="error api-error" ng-bind="passwordError"></div>
-                    </div>
-                  </div>
-                </form>
+                      </div>
+                      <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>
+                          <div class="col-md-8 col-sm-8 col-xs-9">
+                              <input type="password" name="login_password" id="login-password" class="form-control"
+                                  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 api-error" ng-bind="passwordError"></div>
+                          </div>
+                      </div>
+                  </form>
               </div>
               <div class="modal-footer">
                 <button ng-click="systemLogin(login_username, login_password)" id="login-button" class="btn btn-primary"><i class="fa fa-sign-in"></i> Sign In</button>