From 6b6cf9aecc6e87c840b70cc5f289b7a74d44ac37 Mon Sep 17 00:00:00 2001
From: Greg Considine <gconsidi@ansible.com>
Date: Thu, 23 Mar 2017 09:42:22 -0400
Subject: [PATCH] Adjust BEM naming of portal component

---
 .../portal-mode-layout.partial.html           |  4 ++--
 .../src/portal-mode/portal-mode.block.less    | 23 ++++++++++---------
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/awx/ui/client/src/portal-mode/portal-mode-layout.partial.html b/awx/ui/client/src/portal-mode/portal-mode-layout.partial.html
index 5781c920ad..823097661d 100644
--- a/awx/ui/client/src/portal-mode/portal-mode-layout.partial.html
+++ b/awx/ui/client/src/portal-mode/portal-mode-layout.partial.html
@@ -8,9 +8,9 @@
                     <div class="PortalMode-filterHolder">
                         <div class="btn-group PortalMode-filter">
                             <button ng-class="{'btn-primary ': activeFilter == 'user',
-            'btn-default' : activeFilter != 'user' }" ng-click='filterUser()' class="btn btn-xs" translate>My Jobs</button>
+            'btn-default' : activeFilter != 'user' }" ng-click='filterUser()' class="btn btn-xs PortalMode-filterButton--edges" translate>My Jobs</button>
                             <button ng-class="{'btn-primary' : activeFilter == 'all',
-            'btn-default' : activeFilter != 'all'}" ng-click='filterAll()' class="btn btn-xs" translate>All Jobs</button>
+            'btn-default' : activeFilter != 'all'}" ng-click='filterAll()' class="btn btn-xs PortalMode-filterButton--edges" translate>All Jobs</button>
                         </div>
                         <div class="PortalMode-refresh">
                             <button id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top" class="btn List-buttonDefault" ng-click="refresh()" ng-show="socketStatus == 'error'">
diff --git a/awx/ui/client/src/portal-mode/portal-mode.block.less b/awx/ui/client/src/portal-mode/portal-mode.block.less
index 40b232bf4b..d168e7b414 100644
--- a/awx/ui/client/src/portal-mode/portal-mode.block.less
+++ b/awx/ui/client/src/portal-mode/portal-mode.block.less
@@ -21,21 +21,22 @@
 	right: 35px;
 	display: flex;
 	align-items: center;
-  	justify-content: center;
+ 	justify-content: center;
 
-    .PortalMode-filter > button {
-        &:first-child {
-            border-right: none;
-        }
-        &:last-child {
-            border-left: none;
-        }
+  .btn.btn-xs {
+      padding: 1px 10px;
+  }
+}
+
+.PortalMode-filterButton--edges {
+    &:first-child {
+        border-right: none;
     }
-
-    .btn.btn-xs {
-        padding: 1px 10px;
+    &:last-child {
+        border-left: none;
     }
 }
+
 .PortalMode-refresh {
 	margin-left: 10px;
 }