Topic: Suggestion - Icon Button

Elliot pro asked 5 years ago

Would be nice to have an icon button that reduces the padding/margins around the button. Buttons currently have margins of 10px and padding of 8px but this is way too much for an icon only button. <button type="button" class="btn btn-icon"><i class="fa fa-pencil"></i></button>

Bartłomiej Malanowski staff commented 5 years ago

How would you like it to look? Do you have any example?

Elliot pro commented 5 years ago

Sorry for the delay. I think you want it to look like your current buttons just reduce the left/right padding. The standard .btn uses padding: .8rem 2.13rem. If you use .8rem for all it works fine. I just added the following css to accomplish it: .btn.btn-icon { padding: .8rem; }

Elliot pro commented 5 years ago

One thing I would like to say is that it would be nice if the flat buttons had a hover state.

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