Skip to content

Fix: make all buttons same size on small screens (#195)#208

Open
Poonam-dew wants to merge 1 commit intopalchhinparihar:mainfrom
Poonam-dew:poonam-fix-buttonsize
Open

Fix: make all buttons same size on small screens (#195)#208
Poonam-dew wants to merge 1 commit intopalchhinparihar:mainfrom
Poonam-dew:poonam-fix-buttonsize

Conversation

@Poonam-dew
Copy link

📝 Description

Example: This PR fixes a validation bug in the form submission logic.

Fixes #195 [Bug] (if applicable)


🔍 Type of Change

-Ensures all function buttons in the dashboard have uniform size on all screen sizes.

  • Adjusted Tailwind classes to make button width and height consistent.
  • Buttons now display evenly in grid layout.
  • 🐞 Bug fix (non-breaking change which fixes an issue)
  • ✨ New feature (non-breaking change which adds functionality)
  • 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • 🧹 Code refactor (cleanup or optimization)
  • 🧪 Tests added/updated
  • 📝 Documentation update

🧪 How Has This Been Tested?

Steps:

Run the application locally.

1.Navigate to the dashboard with function buttons.
2.Verify that all buttons have the same size on small, medium, and large screens.
3.Ensure the layout is responsive and looks consistent across devices.

📸 Screenshots / Demo (if applicable)


Screenshot 2025-11-29 124842 ![Screenshot 2025-11-29 124842](https://github.com/user-attachments/assets/d28fc568-d7cd-483e-a228-bcc799200139)

🧠 Checklist

  • [ x] My code follows the project's coding style and conventions
  • [ x] I have performed a self-review of my code
  • I have commented my code where necessary
  • I have updated related documentation (if applicable)
  • [ x] My changes generate no new warnings or errors
  • [x ] I have linked related issue numbers (if any)
  • [x ] All tests pass successfully

💬 Additional Notes

This fix improves UI consistency on all devices and prepares the dashboard for future enhancements.

@netlify
Copy link

netlify bot commented Nov 29, 2025

Deploy Preview for wordwizard-texteditor ready!

Name Link
🔨 Latest commit 05f8f71
🔍 Latest deploy log https://app.netlify.com/projects/wordwizard-texteditor/deploys/692aa2f0f7405300084a5378
😎 Deploy Preview https://deploy-preview-208--wordwizard-texteditor.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@palchhinparihar
Copy link
Owner

Hey @Poonam-dew check this #195 (comment)
I want these changes. Already mentioned you in the issue!

@palchhinparihar
Copy link
Owner

@Poonam-dew are you there? the pr is still open

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]:

2 participants