Как удалить разрыв строки, созданный с помощью <ion-fab-button>

У меня есть приложение, которое я делаю для себя, и у меня есть два с посередине. Автоматически генерирует разрыв строки в конце кнопки, в результате чего пользовательский интерфейс выглядит следующим образом: изображение

Я попытался добавить тег css к кнопке и использовать display: inline в css, но это только сделало кнопку шире.

Вот текущий HTML для части:

<ion-col size = "auto">
    <ion-fab-button class = "pmButton" (click) = "pmOne('-', info.key, info.value.count)" color = "danger" >-</ion-fab-button>
    <span class = "ion-margin info">{{info.value.count}}  {{itemUnits}}</span>
    <ion-fab-button class = "pmButton" (click) = "pmOne('+', info.key, info.value.count)" color = "success" >+</ion-fab-button>
</ion-col>

и CSS:

.pmButton {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
}

.info {
    display: inline;
    vertical-align: middle;
    text-align: center;
}

Спасибо