Проблема: У меня есть одна форма text_field с кнопкой отправки в столбце таблицы. Когда я выровняю кнопку справа от поля text_, она сдвигает всю форму влево и все остальные столбцы.
Я верю, что ширина: 85px (ниже) влияет на это, но для этого нужно исправить НЕКОТОРЫЕ
<td class="center">
<div class="input-group">
<%= form_for user, remote: true do |f| %>
<%= f.text_field :field, class: "form-control center", style: "width:85px;" %>
<%= f.button data: {confirm: "Are you sure?"}, class: "btn btn-light" do %>
<i class="fa fa-pencil" aria-hidden="true"></i>
<% end %>
<% end %>
</div>
</td>
https://jsfiddle.net/h9qrspdn/1/
Поле ввода не работает в jsfiddle по любой причине. Но он помещает кнопку в ту же строку и справа от текстового поля. Но вы видите мою проблему
Это все начальная загрузка 4 кстати
Есть 4 столбца, а форма находится в последнем столбце с правой стороны.
Если у меня нет <div class="input-group">, все отцентрировано (кроме кнопки «шрифт», но это другая проблема - и я попробовал ее с обычным f.submit, и та же проблема сохраняется) в столбце форм как и должно быть, но кнопка находится под полем text_. Когда у меня есть <div class="input-group">, кнопка выравнивается справа от поля text_, но затем все столбцы смещаются примерно на 10% влево, а также кнопка text_field / выравнивается по левому краю в пределах своего столбца '.
Если есть способ сохранить положение кнопки вправо без необходимости использования input-group? Я чувствую, что это может помочь ему оставаться в центрированном положении и просто нажать кнопку на правой стороне.
Как я могу сдвинуть оба поля text_field / в центр, и не влиять на таблицу, толкая другие элементы?