From c7f0de41e93be7800553127b4fa78f42a36fc17d Mon Sep 17 00:00:00 2001
From: Jared Tabor <jtabor@ansible.com>
Date: Tue, 3 May 2016 13:46:16 -0700
Subject: [PATCH] License Page UX Audit Changes

---
 awx/ui/client/src/app.js                      |  1 +
 awx/ui/client/src/license/license.block.less  |  3 +++
 .../client/src/license/license.partial.html   | 20 +++++++++----------
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/awx/ui/client/src/app.js b/awx/ui/client/src/app.js
index dd42857423..020fcf5624 100644
--- a/awx/ui/client/src/app.js
+++ b/awx/ui/client/src/app.js
@@ -110,6 +110,7 @@ var tower = angular.module('Tower', [
     JobTemplates.name,
     portalMode.name,
     search.name,
+    AdminsList.name,
     'ngToast',
     'templates',
     'Utilities',
diff --git a/awx/ui/client/src/license/license.block.less b/awx/ui/client/src/license/license.block.less
index 6493169a06..ff36d71fb7 100644
--- a/awx/ui/client/src/license/license.block.less
+++ b/awx/ui/client/src/license/license.block.less
@@ -61,6 +61,7 @@
 }
 .License-field--content{
 	.OnePlusTwo-left--detailsContent;
+	text-transform: capitalize;
 }
 .License-field{
 	.OnePlusTwo-left--detailsRow;
@@ -70,9 +71,11 @@
 }
 .License-greenText{
 	color: @submit-button-bg;
+	padding-right: 10px;
 }
 .License-redText{
 	color: @default-err;
+	padding-right: 10px;
 }
 .License-fields{
 	.OnePlusTwo-left--details;
diff --git a/awx/ui/client/src/license/license.partial.html b/awx/ui/client/src/license/license.partial.html
index 0c109e361a..cf840ae6a5 100644
--- a/awx/ui/client/src/license/license.partial.html
+++ b/awx/ui/client/src/license/license.partial.html
@@ -7,32 +7,32 @@
 				<div class="License-field">
 					<div class="License-field--label">License</div>
 					<div class="License-field--content">
-					<span ng-show='valid'><i class="fa fa-circle License-greenText"></i>   Valid</span>
-					<span ng-show='invalid'><i class="fa fa-circle License-redText"></i>   Invalid</span>
+					<span ng-show='valid'><i class="fa fa-circle License-greenText"></i>Valid</span>
+					<span ng-show='invalid'><i class="fa fa-circle License-redText"></i>Invalid</span>
 					</div>
 				</div>
 				<div class="License-field">
 					<div class="License-field--label">Version</div>
 					<div class="License-field--content">
-					{{license.version || "No result found"}}
+					{{license.version}}
 					</div>
 				</div>
 				<div class="License-field">
 					<div class="License-field--label">License Type</div>
 					<div class="License-field--content">
-					{{license.license_info.license_type || "No result found"}}
+					{{license.license_info.license_type}}
 					</div>
 				</div>
 				<div class="License-field">
 					<div class="License-field--label">Subscription</div>
 					<div class="License-field--content">
-					{{license.license_info.subscription_name || "No result found"}}
+					{{license.license_info.subscription_name}}
 					</div>
 				</div>
 				<div class="License-field">
 					<div class="License-field--label">License Key</div>
 					<div class="License-field--content">
-					{{license.license_info.license_key || "No result found"}}
+					{{license.license_info.license_key}}
 					</div>
 				</div>
 				<div class="License-field">
@@ -50,24 +50,24 @@
 				<div class="License-field">
 					<div class="License-field--label">Hosts Available</div>
 					<div class="License-field--content">
-					{{license.license_info.available_instances || "No result found"}}
+					{{license.license_info.available_instances}}
 					</div>
 				</div>
 				<div class="License-field">
 					<div class="License-field--label">Hosts Used</div>
 					<div class="License-field--content">
-					{{license.license_info.current_instances || "No result found"}}
+					{{license.license_info.current_instances}}
 					</div>
 				</div>
 				<div class="License-field License-greenText">
 					<div class="License-field--label">Hosts Remaining</div>
 					<div class="License-field--content">
-					{{license.license_info.free_instances || "No result found"}}
+					{{license.license_info.free_instances}}
 					</div>
 				</div>
 			</div>
 			<div class="License-upgradeText">If you are ready to upgrade, please contact us by clicking the button below</div>
-			<a href="https://www.ansible.com/renew" target="_blank"><button class="btn btn-default">Upgrade</button></a>
+			<a href="https://www.ansible.com/renew" target="_blank"><button class="btn btn-primary">Upgrade</button></a>
 		</div>
 	</div>
 	<div class="License-management" ng-class="{'License-management--missingLicense' : licenseMissing}">