Brijesh_fix_button_layout

[brn8]

Description

A recent PR unintentionally altered the button layout across multiple pages.

Related PRS (if any):

This frontend PR is not related to any backend PR

Main changes explained:

This update ensures the button layout appears as intended by implementing the necessary code to maintain consistency and correct styling across all affected pages.

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 other Links → permissions management
6. verify that all the buttons are correctly styled according to the expected design.

Screenshots or videos of changes:

Note:

Include the information the reviewers need to know.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	ae181db
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/67e71f224c8b4f00074912d6
😎 Deploy Preview	https://deploy-preview-3336--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.

[palankigreeshma1109]

Followed all the steps that you mentioned and found these styles are working as expected.
Below are the screenshots attached for your reference.

[vamsikrishna1704]

Hi @brn8,
I have reviewed the PR and followed the instruction in locally running the application. I have seen the layout changed to the previous layout. I have also verified the layout of the other features those effected by the changes, those are looking good. Thank you.

[pavanputti]

The changes in this PR effectively address the unintended layout issues caused by the recent PR. The implementation correctly restores the button layout consistency and styling across all impacted pages. I have tested the changes locally, following the instructions provided, and confirmed that the button styles are now aligned with the expected design.

[Dharmik1710]

I tested the button layout fix and verified that all buttons appear as intended across the affected pages. The Permissions Management section now maintains consistent button styling. I have also checked out in dark and light mode.

Local setup

Browser: Google chrome Version 134.0.6998.166
Role: Admin

[linh2020]

I’ve reviewed and tested this PR both through Netlify and locally. The button layout issue that was unintentionally introduced by a previous PR has been fixed.

• Verified changes in the “Permissions Management” section and other affected pages.
• Styling now aligns with the original design.
• Layout is consistent, responsive, and visually correct.

Excellent work @brn8. Marking this PR as approved.

[rsripathi2906]

Tested the PR locally by following the provided instructions. Verified that the button layout appears as intended, and the changes have restored the previous layout. Also checked other affected features, and everything looks good.

[humemah]

Tested the changes, and the button layout is now consistent across all affected pages. Everything looks good.

[pdp5]

I have reviewed your pull request and followed all the testing steps to verify that the button layouts on the Dashboard page, Task Edit Suggestions page, and Permission Management page are correctly fixed. Therefore, I am approving your pull request.

[manushajyasta30]

All the UI is displayed as expected. Good work.

[vaibhavkoladiya]

Tested the PR by checking out the current branch, running npm install and starting the app. Cleared site data/cache and logged in as admin. Navigated to Other Links → Permissions Management and verified that all buttons are styled correctly as per the expected design. Looks good — approving the PR.

[akanksha7]

Tested the changes and all the buttons are correctly styled according to the expected design. The buttons are also aligned properly on different screen sizes.

[one-community]

Thank you all, merging!