Topic: Suggestion - Icon Button
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>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Bartłomiej Malanowski staff commented 7 years ago
How would you like it to look? Do you have any example?Elliot pro commented 7 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 7 years ago
One thing I would like to say is that it would be nice if the flat buttons had a hover state.