From ee0295a37836fa8a14490bc9e12b023433114479 Mon Sep 17 00:00:00 2001
From: Chris Meyers <chris.meyers.fsu@gmail.com>
Date: Thu, 12 Jan 2017 10:55:54 -0500
Subject: [PATCH] css mods

---
 .../src/credentials/ownerList.block.less      | 37 +++++++++++++++++++
 .../src/credentials/ownerList.partial.html    |  8 ++--
 2 files changed, 41 insertions(+), 4 deletions(-)
 create mode 100644 awx/ui/client/src/credentials/ownerList.block.less

diff --git a/awx/ui/client/src/credentials/ownerList.block.less b/awx/ui/client/src/credentials/ownerList.block.less
new file mode 100644
index 0000000000..7f6272a302
--- /dev/null
+++ b/awx/ui/client/src/credentials/ownerList.block.less
@@ -0,0 +1,37 @@
+/** @define OwnerList */
+@import "./client/src/shared/branding/colors.default.less";
+
+.OwnerList {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+}
+
+.OwnerList-seeBase {
+    display: flex;
+    max-width: 100%;
+
+    color: @default-link;
+    margin: 5px 0px;
+    text-transform: uppercase;
+    padding: 2px 0px;
+    cursor: pointer;
+    border-radius: 5px;
+    font-size: 11px;
+}
+
+.OwnerList-seeBase:hover {
+    color: @default-link-hov;
+}
+
+.OwnerList-seeLess {
+    .OwnerList-seeBase;
+}
+
+.OwnerList-seeMore {
+    .OwnerList-seeBase;
+}
+
+.OwnerList-Container {
+    margin-right: 5px;
+}
diff --git a/awx/ui/client/src/credentials/ownerList.partial.html b/awx/ui/client/src/credentials/ownerList.partial.html
index 8fde4f3c0a..5c73ac4d15 100644
--- a/awx/ui/client/src/credentials/ownerList.partial.html
+++ b/awx/ui/client/src/credentials/ownerList.partial.html
@@ -1,12 +1,12 @@
-<div ng-init="ownersLimit = 5; ownersLimitConst = 5; ">
-    <div ng-repeat="owner in owners_list | limitTo:ownersLimit">
+<div class="OwnerList" ng-init="ownersLimit = 5; ownersLimitConst = 5; ">
+    <div class="OwnerList-Container" ng-repeat="owner in owners_list | limitTo:ownersLimit">
         <a ng-if="owner.type === 'organization'" ui-sref="organizations.edit({ organization_id: owner.id })">{{ owner.name }}{{$last ? '' : ', '}}</a>
         <a ng-if="owner.type === 'user'" ui-sref="users.edit({ user_id: owner.id })">{{ owner.name }}{{$last ? '' : ', '}}</a>
         <a ng-if="owner.type === 'team'" ui-sref="teams.edit({ team_id: owner.id })">{{ owner.name }}{{$last ? '' : ', '}}</a>
     </div>
 
-    <div class="LabelList-seeMoreLess" ng-show="owners_list.length > ownersLimitConst && ownersLimit == ownersLimitConst"
+    <div class="OwnerList-seeMore" ng-show="owners_list.length > ownersLimitConst && ownersLimit == ownersLimitConst"
         ng-click="ownersLimit = owners_list.length">View More</div>
-    <div class="LabelList-seeMoreLess" ng-show="owners_list.length > ownersLimitConst && ownersLimit != ownersLimitConst"
+    <div class="OwnerList-seeLess" ng-show="owners_list.length > ownersLimitConst && ownersLimit != ownersLimitConst"
         ng-click="ownersLimit = ownersLimitConst">View Less</div>
 </div>
\ No newline at end of file