Diya 🔥 fix(ui): Fixed Timer UI on Single Tasks Page

[DiyaWadhwani]

Description

Fixes the timer dropdown being clipped/cut off on the Single Task page due to the page having insufficient height to render the full timer dropdown.

Related PRs (if any):

None

Main changes explained:

• Updated SingleTask.jsx to add minHeight: '400px' to the outer wrapper div, giving the page enough height for the timer dropdown to render fully without being clipped

How to test:

1. Check out the current branch
2. Run npm install and start the dev server with npm run start:local
3. Clear site data/cache
4. Log in as any user
5. Navigate to any task's single task page (e.g. via /wbs/tasks/:taskId)
6. Click the timer dropdown in the header
7. Verify the full timer is visible and not clipped

Screenshots or videos of changes:

Before:

After:

Note:

The page height was too short (only tall enough for the single table row) causing the absolutely positioned timer dropdown to get clipped. Adding minHeight: 400px gives the page enough room without affecting layout on larger screens.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	ea0ed0f
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69def8c1e633dd0008b411b4
😎 Deploy Preview	https://deploy-preview-5150--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 project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud