Md-кнопка в боковом навигаторе смещена, когда она ниже определенной ширины

Question

Я использую материалы Md-button в md-side-nav, и эта кнопка смещена, когда она длится 4 символа. Я проверил css этих двух кнопок, и единственное, что отличается, это преобразование происхождения.

Codepen: нажмите, чтобы открыть эффект, чтобы увидеть эффект.

http://codepen.io/anon/pen/oXpdae

<md-button ng-click="close()" class="md-primary"> 
     123456 
    </md-button><br> 

    <md-button ng-click="close()" class="md-primary"> 
     123456789 
    </md-button> 

Answer 1

Решение было, чтобы добавить это меню, как и при оберточной кнопки с текстом центрируется

а { выравнивания текста: слева; }