wip

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

@@ -25,10 +25,10 @@ const PageItemControl: FC<PageItemControlProps> = (props: PageItemControlProps)
     <>
       <button
         type="button"
-        className="btn-link nav-link dropdown-toggle dropdown-toggle-no-caret border-0 rounded grw-btn-page-management py-0"
+        className="btn-link nav-link dropdown-toggle dropdown-toggle-no-caret border-0 rounded grw-btn-page-management p-0"
         data-toggle="dropdown"
       >
-        <i className="fa fa-ellipsis-v text-muted"></i>
+        <i className="fa fa-ellipsis-v text-muted fa-lg grw-pagetree-icon"></i>
       </button>
       <div className="dropdown-menu dropdown-menu-right">
 

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

@@ -69,10 +69,10 @@ const ItemControl: FC<ItemControlProps> = memo((props: ItemControlProps) => {
       <PageItemControl page={props.page} onClickDeleteButton={onClickDeleteButton} isEnableActions={props.isEnableActions} />
       <button
         type="button"
-        className="btn-link nav-link border-0 rounded grw-btn-page-management py-0"
+        className="btn-link nav-link border-0 rounded grw-btn-page-management p-0"
         onClick={onClickPlusButton}
       >
-        <i className="icon-plus text-muted d-block" />
+        <i className="icon-plus text-muted d-block grw-pagetree-simple-line-icon grw-pagetree-icon p-1" />
       </button>
     </>
   );
@@ -181,7 +181,7 @@ const Item: FC<ItemProps> = (props: ItemProps) => {
 
   return (
     <>
-      <div style={opacityStyle} className="grw-pagetree-item d-flex align-items-center">
+      <div style={opacityStyle} className="grw-pagetree-item d-flex align-items-center p-1">
         <button
           type="button"
           className={`grw-pagetree-button btn ${buttonClass}`}

packages/app/src/styles/_page-tree.scss

@@ -1,5 +1,7 @@
 .grw-pagetree {
   .grw-pagetree-item {
+      height: 2.5rem;
+
     &:hover {
       opacity: 0.7;
 
@@ -50,5 +52,13 @@
         padding: 0.3rem 1rem;
       }
     }
+
+    .grw-pagetree-simple-line-icon {
+      font-size: 1.5rem;
+    }
+
+    .grw-pagetree-icon {
+      width: 2rem;
+    }
   }
 }