Jquery mobile jQuery移动文本和notext按钮垂直对齐

当我将文本按钮放在标题中的notext按钮旁边时，notext按钮显示的略低于。我尝试过为ui btn图标notext设置边距顶部和填充顶部，但似乎没有效果

<div data-role="header" class="ui-bar">
    ...  
   <div class="ui-btn-right">
     <a href="/" data-role="button" data-theme="e" data-mini="true">Sign In</a>
     <a href="/" data-icon="home-blue" data-theme="e" data-role="button" data-inline="true" data-iconpos="notext">Home</a>
     ...
   </div>
</div>

...  
...

不太清楚为什么会发生这种情况，但快速（肮脏）修复可能是这样的：

a.custom-class-name-for-no-text-buttons {
    top: -2px !important;
}

JSFiddle

---

你能提供HTML和CSS吗？我以前也尝试过类似的方法，但没有成功，但是“！important”声明似乎起到了作用。谢谢