Below is the code snippet:
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix modal-footer">
<div class="ui-dialog-buttonset">
<button type="button" class="btn btn-mini btn-info">Yes</button>
<button type="button" class="btn btn-mini btn-info">No</button>
</div>
</div>
My goal is to have the buttons displayed in a single row with a small space in between them.
However, the current output looks like the following screenshot:
https://i.sstatic.net/VR2wB.png
Could someone please advise on how to fix this issue? Any help would be greatly appreciated. Thank you in advance.