JSFiddle - React, Tailwind, and code Playground

by Avinash_R

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<button class="awfully-small-button">Logout</button>

CSS

button.ui-button.awfully-small-button{
    height:1.5em;
}
button.ui-button.awfully-small-button .ui-button-text{
    padding: 0em .5em 0em 1em;
}
button.ui-button.awfully-small-button .ui-button-icon-primary{
    left: .2em;
}
button.ui-button.awfully-small-button .ui-button-icon-secondary{
    right: .2em;
}

JavaScript

$("button").button({
    icons: {
        primary: 'ui-icon-power'
    }
});