Topic: Waves effect makes button have more padding

Kneidels pro asked 4 years ago

I see that the waves effect being applied to an input button makes it have larger padding: .waves-button-input { margin0; padding.85em 1.1em; } why is that? it looks strange when its next  to a regular button which has the usual .btn class padding. If the padding cant be fixed, how can the waves be disabled? i dont see it enabled via CSS or JS... Thanks!  

Bartłomiej Malanowski staff commented 4 years ago

Could you please share your HTML code for buttons with us?

Kneidels pro commented 4 years ago

Sure: <pre> <input type="submit" id="submitter" value="שלח דיווח" class="btn btn-primary btn-rounded btn_orange"></pre>

Kneidels pro commented 4 years ago

Any news? Thanks!

Jakub Strebeyko staff answered 4 years ago

Hi there,

In praxis, it's the btn class that gives elements primary styling (including the padding and wave effect). In this scenario it'd mean styling both button and input elements the same way, which was the case when we tried to re-create the issue.

Let me ensure I understand the issue correctly: Are you wondering about the class' padding itself?

Best Regards,

Please insert min. 20 characters.


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No