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

[dima85]

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

<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; на подходящий размер. Но может есть более правильно решение?

[EmperioAf]

Если в td мало места кнопки становятся друг под другом. Подскажите как-то можно избежать такого перемещения?

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

[Deff]

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

[mikhail.golovkin]

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

  td {
    white-space: nowrap;
  }