Таблица и проблема с ссылками становящимеся под другом
 

Есть такая конструкция:

<td>
  <a href="/add/1" class="btn btn-success btn-sm"><span class="hidden-xs">Add</span></a> 
  <a href="/edit/1" class="btn btn-success btn-sm"><span class="hidden-xs">Edit</span></a>
</td>

Если в td мало места кнопки становятся друг под другом. Подскажите как-то можно избежать такого перемещения?
Один из вариантов в tr добавить style width:200px; Но в кнопке есть class hidden-xs который скрывает текст у кнопки на мобильных телефонах и получается width:200px; слишком много. Можно сделать условие если человек зашел с телефона, изменяем width:200px; на подходящий размер. Но может есть более правильно решение?

запретить td иметь мало места

dima85,
Попробовать сделать ширину кнопки резиновой
max-width:200px;
width:45%;

Можно запретить перенос текста и строчных элементов в ячейке.