ui fixes in manage users page

cmsWebApp/webroot/css/common.css

@@ -4171,7 +4171,9 @@ span.right-img {
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.02);
   margin-bottom: 15px;
 }
-
+.user-list-row.invite-row {
+     margin-bottom: -3px;
+}
 .user-list-row.disabled {
     background: #f3f4f6;
 }
@@ -4198,7 +4200,8 @@ span.right-img {
 .m-user-right{
   float: right;
   width: 22%;
-  padding: 15px 17px;  
+  padding: 17px 17px;  
+  border-left : 1px solid #f9f9fa;
 }
 .m-user-right-padlock{
   float: right;
@@ -4262,6 +4265,15 @@ span.right-img {
 	border-width: 6px;
 	margin-left: 6px;
 }
+.seperator-dots {text-align: center}
+.seperator-dots .dot{height: 10px;
+  
+  height: 4px;
+    width: 4px;
+    background-color: #bbb;
+    display: inline-block;
+    margin: 0 3px 15px;
+}
 
 .m-user-icon,.m-user-info{
   float: left;
@@ -4313,6 +4325,7 @@ span.right-img {
     display: inline-block;
     padding: 15px 80px;
     width: 100%;
+     margin-bottom: 15px;
 }
 .manage-user-right label{
   color: #ffffff;

cmsWebApp/webroot/extensions/adminportal/manage_users.jsp

@@ -151,8 +151,9 @@
                                         </div>
                                     </div>
                                 </div>
-                                <oneit:recalcClass  htmlTag="div"   classScript="companyUser.isOwner() ? 'hide': 'show'"  companyUser="<%= companyUser %>">
+                                
                                     <div class="m-user-right-padlock">
+                                        <oneit:recalcClass  htmlTag="div"   classScript="companyUser.isOwner() ? 'hide': 'show'"  companyUser="<%= companyUser %>">
                                         <div class="arrow_box disble" >DISABLE</div>
                                         <div class="arrow_box enable" >ENABLE</div>
                                         <oneit:button   value=" "    name="saveCompanyUser" skin="link"
@@ -162,8 +163,9 @@
                                                                                     .toMap() %>">
                                             <span class="m-user-right-padlockicon"><span class="padlock"></span></span>
                                         </oneit:button>
+                                        </oneit:recalcClass>
                                     </div>
-                                </oneit:recalcClass>
+                                
                                 <div class="m-user-right">
                                     <oneit:ormEnum  obj="<%= companyUser %>"    attributeName="Role"    cssClass="form-control user-role"   enums="<%= Arrays.asList(new RoleType[]{RoleType.ADMIN, RoleType.STANDARD}) %>"/>
                                 </div>
@@ -188,6 +190,8 @@
                             </div>
                         </div>
 -->
+
+                <div class="seperator-dots"><span class="dot"></span><span class="dot"></span><span class="dot"></span></div>
                     <%
                         for(CompanyUser pendingUser : sortedPendingUsers)
                         {
@@ -195,7 +199,7 @@
                             String  name        =   StringUtils.subBlanks(user.getName())!=null ? user.getName() : user.getUserName();
                             String  resendTxt   =   "Re-send invitation to " + (StringUtils.subBlanks(user.getFirstName())!=null ? user.getFirstName() : StringUtils.subBlanks(user.getLastName())!=null ? user.getLastName() : user.getUserName());
                     %>
-                            <div class="user-list-row" id="<%= pendingUser.getID() %>">
+                            <div class="user-list-row invite-row" id="<%= pendingUser.getID() %>">
                                 <div class="m-user-left">
                                     <div class="m-user-icon"><img src="images/user-list-icon.png"></div>
                                     <div class="m-user-info">
@@ -207,19 +211,21 @@
                                         </div>
                                     </div>
                                 </div>
+                                       
                                 <div class="m-user-right invite-combo">
                                     <select class="form-control" disabled="">
                                         <option>Invitation sent</option>
                                     </select>
                                 </div>
-                                <div class="resend-link">
+                               
+                            </div>
+                                         <div class="resend-link">
                                     <oneit:button   value="<%= resendTxt %>"    name="sendUserInvites"  skin="link"
                                                     requestAttribs="<%= CollectionUtils.mapEntry("nextPage", currentPage)
                                                                                     .mapEntry ("ResendUser", pendingUser)
                                                                                     .mapEntry(NotificationUtils.NOTIFICATION_MSG_PARAM, "invitationSent")
                                                                                     .toMap() %>" />
                                 </div>
-                            </div>
                     <%
                         }