From 8c8db4c49a05d799538c9086fc68e4ed3bf1f704 Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Fri, 22 Jan 2016 14:59:26 -0500
Subject: [PATCH] fix font for login modal alerts

---
 .../login/loginModal/loginModal.block.less    |  1 +
 .../login/loginModal/loginModal.partial.html  | 20 +++++++++++++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/awx/ui/client/src/login/loginModal/loginModal.block.less b/awx/ui/client/src/login/loginModal/loginModal.block.less
index e0a1ce11f6..464eb3c9f0 100644
--- a/awx/ui/client/src/login/loginModal/loginModal.block.less
+++ b/awx/ui/client/src/login/loginModal/loginModal.block.less
@@ -81,6 +81,7 @@
 
 .LoginModal-alert {
     opacity: 1;
+    display: flex;
 }
 
 .LoginModal-alert.ng-hide {
diff --git a/awx/ui/client/src/login/loginModal/loginModal.partial.html b/awx/ui/client/src/login/loginModal/loginModal.partial.html
index 3b0b1f0f21..3d7bdb58df 100644
--- a/awx/ui/client/src/login/loginModal/loginModal.partial.html
+++ b/awx/ui/client/src/login/loginModal/loginModal.partial.html
@@ -14,16 +14,28 @@
                     Welcome to Ansible Tower! &nbsp;Please sign in.
                 </div>
                 <div class="LoginModal-alert LoginModal-alert--error" ng-show="sessionExpired">
-                    <i class="LoginModal-alertIcon fa fa-exclamation-triangle">Your session timed out due to inactivity. Please sign in.</i>
+                    <i class="LoginModal-alertIcon fa fa-exclamation-triangle"></i>
+                    <div class="LoginModal-alertText">
+                        Your session timed out due to inactivity. Please sign in.
+                    </div>
                 </div>
                 <div class="LoginModal-alert LoginModal-alert--error" ng-show="sessionLimitExpired">
-                    <i class="LoginModal-alertIcon fa fa-exclamation-triangle">Maximum per-user sessions reached. Please sign in.</i>
+                    <i class="LoginModal-alertIcon fa fa-exclamation-triangle"></i>
+                    <div class="LoginModal-alertText">
+                        Maximum per-user sessions reached. Please sign in.
+                    </div>
                 </div>
                 <div class="LoginModal-alert LoginModal-alert--error" ng-show="attemptFailed">
-                    <i class="LoginModal-alertIcon fa fa-exclamation-triangle">Invalid username and/or password.  Please try again.</i>
+                    <i class="LoginModal-alertIcon fa fa-exclamation-triangle"></i>
+                    <div class="LoginModal-alertText">
+                        Invalid username and/or password.  Please try again.
+                    </div>
                 </div>
                 <div class="LoginModal-alert LoginModal-alert--error" ng-show="thirdPartyAttemptFailed">
-                    <i class="LoginModal-alertIcon fa fa-exclamation-triangle">{{ thirdPartyAttemptFailed }}</i>
+                    <i class="LoginModal-alertIcon fa fa-exclamation-triangle"></i>
+                    <div class="LoginModal-alertText">
+                        {{ thirdPartyAttemptFailed }}
+                    </div>
                 </div>
                 <form id="login-form"
                     name="loginForm"