Improve mobile responsiveness across dashboard pages

[Flamki]

Problem

The dashboard is desktop-first; smaller screens need better layout behavior and readability.

Scope

• Audit breakpoints and overflow behavior
• Improve sidebar/nav usability on mobile
• Ensure tables/cards wrap and remain usable

Acceptance Criteria

• Core workflows are usable on common phone widths
• No horizontal scroll traps on key screens
• Visual hierarchy remains clear across breakpoints

[priscaenoch]

@priscaenoch has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

hello maintainer. this would be a good fit to solve. can you kindly assign?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @priscaenoch to this issue.

[Samuel-21-eng]

@Samuel-21-eng has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi maintainer, pls can I work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Samuel-21-eng to this issue.

[Nacho1499]

@Nacho1499 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello maintainer. am Nacho. a frontend developer.
I would like to work on issue #34: “Improve mobile responsiveness across dashboard pages”.

This issue aligns well with my frontend development experience, especially optimizing dashboard interfaces for mobile usability while preserving desktop functionality and layout clarity.

Why I am a good fit for this issue:

• I have experience improving responsive behavior for dashboard and admin-style interfaces.
• I understand how to handle layout restructuring, overflow management, and adaptive spacing across breakpoints.
• I can optimize sidebar and navigation usability for smaller screens without compromising accessibility.
• I focus on maintaining strong visual hierarchy and readability on mobile devices.
• I pay attention to eliminating horizontal scroll traps and broken responsive layouts.

My implementation approach would include:

• Auditing existing breakpoints and identifying layout issues on common phone widths
• Improving sidebar and navigation responsiveness for mobile interactions
• Refactoring tables/cards to wrap or adapt cleanly across screen sizes
• Ensuring key workflows remain fully usable on smaller devices
• Optimizing spacing, typography, and component stacking for better readability
• Testing across multiple viewport sizes to verify responsiveness and usability

I will also ensure the changes remain consistent with the project’s existing design system and frontend architecture while keeping the PR focused on responsiveness improvements only.

I would be excited to contribute this improvement to the project. Thank you for considering my application.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Nacho1499 to this issue.

[thebabalola]

@thebabalola has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi maintainer, I'm a Stellar developer with a strong eye for UI/UX and mobile responsiveness. I can improve the mobile responsiveness across the stellarmind dashboard pages, ensuring a seamless experience for users on all devices. I'll focus on fluid layouts and touch-friendly interactions. Ready to dive in once assigned!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @thebabalola to this issue.

[AGWAM001]

@AGWAM001 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi Maintainer, would love to work on this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @AGWAM001 to this issue.

[Shadow-MMN]

@Shadow-MMN has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi, please can I work on this issue.

I plan to audit the dashboard layout across common mobile breakpoints to identify overflow issues, cramped layouts, and components that do not adapt properly on smaller screens. Based on that audit, I will improve responsive behavior for navigation, sidebar interactions, tables, cards, and other key dashboard views.

I will also ensure important workflows remain accessible and readable on phone-sized devices by refining spacing, stacking behavior, wrapping logic, and overflow handling to eliminate horizontal scroll traps on critical screens.

Before submitting the PR, I will test the dashboard across multiple viewport sizes to verify usability, readability, and consistent visual hierarchy throughout the application.

ETA 24 hours.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Shadow-MMN to this issue.