Anne Fixed spacing between task rows and within task rows in WBS

[Annezhang673]

Description

Related PRS (if any):

This frontend PR is related to the development backend PR.

Main changes explained:

• Update HighestGoodNetworkApp/src/components/Projects/WBS/WBSDetail/wbs.css to increase the spacing betwwen sub-sub task and the spacing between line spacing of txt in WBS.

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to dashboard→ Other Links>Projects>Click WBS Icon
   Please refer to the above link on how to create WBS task and sub tasks. There are minor differences.
6. Add task A with two lines of name, then proceed to add sub task B, then proceed to add sub task C. Verify that the line spacing of task A is increased and the sub-sub task is spaced out, compared to the screenshot in the description. Watch the video below if you need an example of the tasks and sub tasks for testing.

Screenshots or videos of changes:

video1864271924.mp4

Note:

Include the information the reviewers need to know.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	4be3a37
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/66ef5f8c9946ca00087cfc06
😎 Deploy Preview	https://deploy-preview-2709--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Nahiyan-16]

This works great and visibly looks awesome.
Before:

After:

[ArtemisNyx3]

Before

After

code is working as expected and there is a big improvement in readability, it doesn't look congested anymore.

[sam19981]

Changes are working as expected there is a neat space between the task and sub task.

[chappdev2019]

This works great!

[abdel-lall]

LGTM. Nice job!

[ashmita123]

Tested PR #2709. The updated task spacing in the WBS table works as expected, improving readability.

[Lexie5212]

I tested the PR and the code changes worked as expected. With lines and spaces, the interface view became nice.

[RishithaMamidala]

@Annezhang673
Changes are working, there is a space between the task and sub task.

[anirudhsk2107]

I tried it in both light and dark mode, and they worked perfectly

[nikhilgiri0226]

Changes are visible as expected.

[chu-ziyu]

I have tested this PR and everything worked as expected.

Screen.Recording.2024-09-24.at.3.26.36.PM.mov

[mrinalini-raghavendran19]

Looks good to me:

Tested it by adding subtasks to task:

Before:

After:

[saurabhshetty29]

Tested by adding sub tasks, looks good!

[SFA23SCM35V]

Working as expected approving the PR

[nevatiarishabh]

I have tested the PR. Everything is working as expected. Looks good to me. The spacing has been effectively changed.

[khushijain03]

Tested by adding tasks and sub-tasks, changes are working as expected.

[vishavk1992]

I have tested this PR and everything works great!!

[nishitag5]

The changes are working as expected
Before:

After:

[neeharikakoniki]

This PR successfully improves the readability of the WBS by increasing the line spacing for tasks and properly spacing sub-sub tasks. The changes are well-implemented, making the task hierarchy visually clearer and easier to navigate.

[Vincent-space]

Hi @Annezhang673 , the WPS of #2709 looks great when I tried to add task.

[aaryaneil]

Tested the PR and the changes work as described.

[jinxyou]

The spacing seems working well. Great work!

[Muzammil603]

workinga as expected

[one-community]

Thank you all, merging!