Skip to content

Home Page UI Layout Issue: Bulk Edit Panel Misalignment & Excess Empty Space #613

@Eshajha19

Description

@Eshajha19

Description

On the Home page, the Bulk Edit panel and surrounding layout are misaligned, resulting in excessive unused empty space and an inconsistent UI structure. This impacts usability and makes the page look broken on larger screen sizes.

Current Issues Observed

Bulk Edit section appears detached from the main dashboard content

Large unused empty space below the main content card

Bulk Edit controls are not aligned with the rest of the Home page layout

Layout does not scale well on larger screen widths

Visual hierarchy between dashboard sections is unclear

Expected Behavior

Bulk Edit panel should be properly integrated into the Home page layout

Reduce or eliminate unnecessary empty space

Ensure consistent spacing with other Home page components

Improve responsive behavior across screen sizes

Maintain UI consistency with the rest of the dashboard

Steps to Reproduce

Open the Home page

Select one or more items to trigger Bulk Edit

Observe layout spacing and alignment issues

Suggested Fix

Refactor CSS for Bulk Edit container

Review flexbox/grid layout structure on Home page

Align Bulk Edit section within main content wrapper

Apply consistent margins and padding

Test responsiveness on large and medium viewports

Additional Notes

Fixing this will improve overall UI quality and consistency on the Home page dashboard.

Image

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions