X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=ecomp-portal-FE-common%2Fclient%2Fapp%2Fviews%2Frole%2Frole_function_list.html;h=6abf600641e9ad2a3824614a97b2d56fce0e8cd6;hb=978dbcf0a196acbafad72fe1e2478ec0e384f02f;hp=7c50a5ac837528cf25c812997c05367eec80289a;hpb=bc7350dce5b7b1dcd1c472a3922b42c4ea99809d;p=portal.git

diff --git a/ecomp-portal-FE-common/client/app/views/role/role_function_list.html b/ecomp-portal-FE-common/client/app/views/role/role_function_list.html
index 7c50a5ac..6abf6006 100644
--- a/ecomp-portal-FE-common/client/app/views/role/role_function_list.html
+++ b/ecomp-portal-FE-common/client/app/views/role/role_function_list.html
@@ -42,16 +42,17 @@
 	<div class="admins-table">
 	
 	 <!-- <a ng-click="addNewRoleFunctionModalPopup();" class="icon-add" size="small" ></a> -->
-	        <div id="create-new-admin" align="left" style="marin-bottom: 50px;">
+	        <div id="create-new-admin" align="left" class="admins-table-create-new-admin">
 				<button id="button-admin-create" type="submit" ng-click="addNewRoleFunctionModalPopup();" 
 					 class="btn btn-alt btn-small">Create</button>
 			</div>
 			
-			<div style="text-align: justify;text-align-last:auto;">
+			<div class="admins-table-space">
 			<!-- 	Click on the edit icon to update a role function, the plus icon to add additional role functions, or the delete icon to remove them.  -->
 			</div>
 	
 	<div id="rolesTable" class="c-ecomp-abs-table default"  title="Role Functions">
+	  <span class="ecomp-spinner" ng-show="isLoadingRoleFunctions"></span>
 	  <table b2b-table table-data="availableRoleFunctions" current-page="1">
 	  	<thead b2b-table-row type="header">
 	  		<tr>
@@ -61,7 +62,7 @@
 	  			<th id="table-header-delete" b2b-table-header width="10%" sortable="false">Delete?</th>
 	  		</tr>
 	  	</thead>
-	  	<tbody b2b-table-row type="body" row-repeat="availableRoleFunction in availableRoleFunctions" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody-->
+	  	<tbody b2b-table-row type="body" row-repeat="availableRoleFunction in availableRoleFunctions" class="admins-table-tbody" ><!-- background colors will alternate not properly with multiple tbody-->
 		  <tr>
 		    <td id="table-body-role-{{availableRoleFunction['name'].split(' ').join('-')}}" b2b-table-body width="70%" ng-bind="availableRoleFunction['name']"></td>
 		    <td id="table-body-role-{{availableRoleFunction['code']}}" b2b-table-body width="10%" ng-bind="availableRoleFunction['code']"></td>
@@ -69,11 +70,11 @@
 		    <!-- <a ng-click="editRoleFunctionPopup(availableRoleFunction);" >
 		    <img src="static/fusion/images/editicon.gif">
 		    </a> -->
-		    <div ng-click="editRoleFunctionModalPopup(availableRoleFunction);" style="font-size:20px;"><a id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-edit" href="javascript:void(0)" class="icon-edit"></a></div>
+		    <div ng-click="editRoleFunctionModalPopup(availableRoleFunction);" class="admins-table-btn-txt"><a id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-edit" href="javascript:void(0)" class="icon-edit"></a></div>
 		    </td>
 		     <td b2b-table-body width="10%">
 		    	<!-- <a ng-click="removeRole(availableRoleFunction);" ><img src="static/fusion/images/deleteicon.gif"></a> -->
-		    	<div ng-click="removeRole(availableRoleFunction);" style="font-size:20px;"><a id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-trash" href="javascript:void(0)" class="icon-misc-trash"></a></div>
+		    	<div ng-click="removeRole(availableRoleFunction);" class="admins-table-btn-txt"><a id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-trash" href="javascript:void(0)" class="icon-misc-trash"></a></div>
 		     </td>
 		  </tr>
 		</tbody>