jQuery UI CSS对话框文本按钮对齐

Question

在我的项目中，我使用了最后一个jQuery UI和他自定义的平滑度CSS。 我的问题是，在对话框中，文本按钮右对齐（也许可以容纳bootstrap css的图标？），我还是不使用。

我的对话码

$("#alert").dialog({
  resizable: false,
  autoOpen: false,
  modal: true,
  buttons: {
     'Close': function() {
        $(this).dialog('close');
     }
  }
});

我找到了对话框的类和他的按钮类，但是我不知道如何解决这个问题。 也许对齐文本按钮的类在另一个类中...

.ui-dialog .ui-dialog-buttonpane button {
   margin: .5em .4em .5em 0;
   cursor: pointer;
}

你能告诉我如何解决我的问题吗？