Icon Only Button Size

[mustafa.cataltepe]

How do we manage icon only button sizes? Fs classes does not scale well since you cant drop it below 12 or when you set higher sizes it loses circular shape since it has fixed border-radius (30px) and max min width (each 39px) css attributes.

[mert.sincan]

I think you can override .ui-button-icon-only class;

Code: Select all

<style type="text/css">
    .ui-button-icon-only {
        border-radius: 5px !important;
        max-width: 20px !important;
        min-width: 20px !important;
    }

    .ui-button-icon-only .ui-icon.fa {
        font-size: 12px !important;
        margin-top: -5px !important;
    }

    .ui-button.ui-button-icon-only .ui-button-text{
        padding: 5px 0px !important;
    }
</style>

I'll make some changes related to !important on our side for icon only. For now, you can try the above css codes.