Skip to content

Fix Dashboard Layout Issues Caused by Excessive Margins and Content Overflow - #7511

Closed
kanishka-2007-tech wants to merge 5 commits into
dhairyagothi:Mainfrom
kanishka-2007-tech:editing
Closed

kanishka-2007-tech wants to merge 5 commits into
dhairyagothi:Mainfrom
kanishka-2007-tech:editing

Conversation

@kanishka-2007-tech

@kanishka-2007-tech kanishka-2007-tech commented Jun 9, 2026 •

Copy link
Copy Markdown

📝 Pull Request Description

This PR resolves the dashboard layout issues reported in #7488 where excessive margins, spacing inconsistencies, and content overflow caused parts of the dashboard UI to become partially hidden and difficult to use.

In Medical App

Related Issue

Closes #7488

Summary

index.html had duplicate code blocks due to which the dashboard ui was broken and abnormally enlarged and centred

Type of Change

  • 🐛 Bug fix (non-breaking change which fixes an issue)
  • ✨ New project addition
  • 🚀 New feature or UI/UX enhancement
  • ♻️ Code refactoring / clean-up
  • 📝 Documentation update
  • ⚙️ GitHub Workflow automation or DX improvements

🛠️ Changes Made

Removed extra closing tags causing layout instability.
Corrected nesting issues within dashboard card components.
Fixed navigation bar structure to prevent rendering inconsistencies.

🧪 Testing and Verification

Local Validation

  • I have run node scripts/validateProjects.js locally and it passed with zero errors.

Browser Compatibility Check

  • Tested and verified in Google Chrome
  • Tested and verified in Mozilla Firefox
  • Tested and verified in Safari / Microsoft Edge

Responsive & Accessibility Checks

  • Verified responsive layout on Mobile viewports (using DevTools)
  • Verified responsive layout on Tablet viewports
  • Keyboard navigation and focus outlines checked
  • Semantic HTML and ARIA labels checked

📷 Screenshots / Video Recording

BEFORE

Screenshot 2026-06-09 124002

AFTER
image

🤝 Contributor Checklist

  • My code follows the code style guidelines of this project.
  • I have performed a self-review of my own code.
  • I have commented my code, particularly in hard-to-understand areas.
  • I have updated the documentation / README files accordingly.
  • My changes generate no new warnings or console errors.
  • There are no unrelated changes or formatter noise in this PR.

@vercel

vercel Bot commented Jun 9, 2026

Copy link
Copy Markdown

@kanishka-2007-tech is attempting to deploy a commit to the Dhairya Gothi 's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

github-actions Bot commented Jun 9, 2026

Copy link
Copy Markdown
Contributor

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

@dhairyagothi dhairyagothi added gssoc:approved Approved by admin level:intermediate Intermediate difficulty task type:refactor Refactoring/improvement labels Jun 9, 2026
@kanishka-2007-tech

Copy link
Copy Markdown
Author

@dhairyagothi this PR resolves the duplication of the code blocks in the index.html file of medical app (day 36) which were causing the dashboard to be enlarged and centred

@dhairyagothi

Copy link
Copy Markdown
Owner

Merge conflicts

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved Approved by admin level:intermediate Intermediate difficulty task type:refactor Refactoring/improvement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Dashboard Layout Broken Due to Abnormal Margins and Content Overflow

2 participants