rename class name

packages/app/src/components/Common/Dropdown/PageItemControl.tsx

@@ -181,7 +181,7 @@ export const PageItemControlSubstance = (props: PageItemControlSubstanceProps):
 
   return (
     <Dropdown isOpen={isOpen} toggle={() => setIsOpen(!isOpen)}>
-      <DropdownToggle color="transparent" className="border-0 rounded grw-btn-page-management p-0">
+      <DropdownToggle color="transparent" className="border-0 rounded btn-page-item-control p-0">
         <i className="icon-options fa fa-rotate-90 text-muted p-1"></i>
       </DropdownToggle>
 

packages/app/src/components/Page/PageManagement.jsx

@@ -192,7 +192,7 @@ const LegacyPageManagemenet = (props) => {
       <>
         <button
           type="button"
-          className="btn-link nav-link dropdown-toggle dropdown-toggle-no-caret border-0 rounded grw-btn-page-management"
+          className="btn-link nav-link dropdown-toggle dropdown-toggle-no-caret border-0 rounded btn-page-item-control"
           data-toggle="dropdown"
         >
           <i className="text-muted icon-options"></i>

packages/app/src/components/Sidebar/PageTree/Item.tsx

@@ -269,7 +269,7 @@ const Item: FC<ItemProps> = (props: ItemProps) => {
           />
           <button
             type="button"
-            className="border-0 rounded grw-btn-page-management p-0"
+            className="border-0 rounded btn-page-item-control p-0"
             onClick={onClickPlusButton}
           >
             <i className="icon-plus text-muted d-block p-1" />

packages/app/src/styles/_subnav.scss

@@ -72,7 +72,7 @@
     vertical-align: bottom;
   }
 
-  .grw-btn-page-management {
+  .btn-page-item-control {
     height: 40px;
     font-size: 16px;
   }
@@ -117,7 +117,7 @@
       padding: 4px;
       font-size: 16px;
     }
-    .grw-btn-page-management {
+    .btn-page-item-control {
       width: 32px;
       height: 32px;
       padding: 4px;

packages/app/src/styles/atoms/_buttons.scss

@@ -105,12 +105,6 @@
   }
 }
 
-// Page Management Dropdown icon
-.grw-btn-page-management {
-  background-color: transparent;
-  transition: 0.3s;
-}
-
 // define disabled button w/o pointer-events, see _override-bootstrap.scss
 .btn.disabled,
 .btn[disabled],

packages/app/src/styles/theme/_apply-colors.scss

@@ -713,7 +713,7 @@ mark.rbt-highlight-text {
 }
 
 // Page Management Dropdown icon
-.grw-btn-page-management {
+.btn-page-item-control {
   &:hover,
   &:focus {
     background-color: rgba($color-link, 0.15);