Merge pull request #4884 from OneCommunityGlobal/ShreyaP-WBS-EditButton-Center

Shreya P - 🔥 Center WBS Edit button in Action column

Author: one-community

src/components/Projects/WBS/WBSDetail/Task/Task.jsx

@@ -187,7 +187,7 @@ function Task(props) {
               className={`tag_color tag_color_${props.num?.length > 0 ? props.num.split('.')[0] : props.num
                 } tag_color_lv_${props.level}`}
             ></td>
-            <td>
+            <td className={styles.centerAction}>
               <Button
                 color="primary"
                 size="sm"

src/components/Projects/WBS/WBSDetail/Task/task.module.css

@@ -13,6 +13,12 @@
   cursor: pointer;
 }
 
+.centerAction {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .disableDiv {
   pointer-events: none;
 }