From f07e78a5921e9091dd8aa723b224317bb8814199 Mon Sep 17 00:00:00 2001
From: Chris Houseknecht <chouse@ansible.com>
Date: Mon, 21 Jul 2014 09:48:30 -0400
Subject: [PATCH] Login dialog Made login logo width a % rather than a fixed
 px. Fixed column classes so that labels break correctly on smaller viewports.

---
 awx/ui/static/less/ansible-ui.less | 2 +-
 awx/ui/templates/ui/index.html     | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/awx/ui/static/less/ansible-ui.less b/awx/ui/static/less/ansible-ui.less
index 93fea2bb0d..14bedc4e50 100644
--- a/awx/ui/static/less/ansible-ui.less
+++ b/awx/ui/static/less/ansible-ui.less
@@ -503,7 +503,7 @@ dd {
 }
 
 .login-header img {
-    width: 327px;
+    width: 60%;
 }
 
 .form-title {
diff --git a/awx/ui/templates/ui/index.html b/awx/ui/templates/ui/index.html
index bb77e5a131..df32f3aebe 100644
--- a/awx/ui/templates/ui/index.html
+++ b/awx/ui/templates/ui/index.html
@@ -263,8 +263,8 @@
                   <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">
+                          <label class="control-label col-lg-3 col-md-3 col-sm-3 prepend-asterisk">Username</label>
+                          <div class="col-lg-9 col-md-9 col-sm-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>
@@ -272,8 +272,8 @@
                           </div>
                       </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">
+                          <label class="control-label col-md-3 col-sm-3 prepend-asterisk">Password</label>
+                          <div class="col-md-9 col-sm-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>