Misalignment between between label and form in input


Topic: Misalignment between between label and form in input

Pieterse pro asked 6 years ago

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


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • 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