Topic: Misalignment between between label and form in input

Casper pro asked 5 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 5 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

  • ForumUser: 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
Tags