rails Viewのデザイン変更 ボタン間の隙間を綺麗に整えるには

Question

Railsのビューで、２つのボタンが並んでいます。
ボタンの間隔が詰まっているので、いい具合に間隔を開けたいと思うのですが、どのようにすればいいものでしょうか。
アドバイスの程、お願い申し上げます。

    .form-inline.text-left
        .form-group
            = f.submit '検索', class: 'btn btn-outline-primary'
            = link_to '取消', tasks_path, class: 'btn btn-outline-primary'

Answer 1

これは tagがちがいますね、railsではなくCSSの問題です。
このアプリの全ての　btn 若しくは btn-outline-primary が同じ隙間をつけてよいのかどうか、場所によって異なる場合があるのか

によってちょっと変わりますが、、
とりあえずどちらでも使える方法として、新しいclassをつけますか
脊髄反射で margin-10 にします

= f.submit '検索', class: 'btn btn-outline-primary margin-10'

としておいて、app/assets/stylesheets の適切なcssに
.margin-10 { margin-right: 10ps; }
としてください

Comments

[pyon_kiti_jp]

ご回答ありがとうございます。
CSSの知識が殆どなくて恐縮です。
application.cssに記述しましたが。反映されませんでした。再度、アドバイスをお願いできませんでしょうか。よろしくお願い申し上げます。

[winterboum]

私もじつはrubyな人間でCSSは苦手なのです。。。
bootstrap使ってますよね？　あいつがあるとなかなかややこしい時があるのです。
.margin-10
= f.submit '検索', class: 'btn btn-outline-primary'
としてもだめでしょうか？

[pyon_kiti_jp]

ご回答ありがとうございます。
はい、bootstrapを利用しております。
う～ん、だめでございました。