Review Button Addons

[vincentmorneau]

Need to understand why such px units in _apex_buttons.scss:

.btn-left-addon {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-right-addon {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -22px;
}

.input-btn-left-addon {
    margin-left: -14px;
    margin-top: 0.1px;
    input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.input-btn-right-addon {
    margin-right: -9px;
    margin-top: 0.1px;
    input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

.input-btn-addon {
    margin-right: -9px;
    margin-left: -14px;
    margin-top: 0.1px;

    input {
        border-radius: 0;
    }
}

[vincentmorneau]

Will remove all px values.
Will use Standard template for inputs. Input Group will be a template option.
Will use Addon template for addons (left and right)
Will use jQuery to place the addon accordingly.