Merge pull request #4860 from OneCommunityGlobal/venkataramanan_fix_user_management_page_link_button_styles

Venkataramanan 🔥 User management page link button styles

Author: one-community

src/components/UserManagement/UserTableFooter.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import styles from './usermanagement.module.css';
 
 const NUMBER_OF_PAGE_LINK = 5;
 
@@ -178,7 +179,7 @@ const PageLinkItemComponent = (props) => {
     <button
       type="button"
       style={{ fontWeight: props.isSelected ? 'bold' : 'normal' }}
-      className="page-no-link link-button"
+      className={`${styles.pageNoLink} ${styles.linkButton}`}
       onClick={e => {
         e.preventDefault();
         props.onPageSelect(props.pageNo);

src/components/UserManagement/usermanagement.module.css

@@ -205,12 +205,6 @@
   display: none;
 }
 
-.pageNoLink {
-  margin-left: 10px;
-  text-align: center;
-  margin-top: 7px;
-}
-
 .usermanagementActionsCell {
   display: table-cell;
   padding-left: 10px;
@@ -220,6 +214,12 @@
   background: #e9f6ff;
 }
 
+.pageNoLink {
+  margin-left: 10px;
+  text-align: center;
+  margin-top: 7px;
+}
+
 .linkButton {
   background-color: transparent;
   border: none;