Topic: Misalignment between between label and form in input
When using horizontal forms, there is a clear misalignment between the <label> and the <input> element text. This creates a weird user experience. I can overcome it with some manual padding, but this is tedious at best. Example from website
When using the standard input elements, the text also seems "high" i.e. very far from the line indicating the text. I assume the two items are related.
Is there an easy way to fix this? i.e. globally make the text lower by default.
Damian Gemza staff answered 6 years ago
Dear Pieterse,
Could you please provide me with the screenshot of actual appearance? I'm not sure if understood you right.
Also please provide the code which you're using.
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 6.2.3
- Device: Desktop / Mobile
- Browser: Chrome
- OS: Windows10 / MacOS
- Provided sample code: No
- Provided link: Yes