[rails] html↔erbの変換がしたい

Question

rails6
bootstrap4

テンプレからコピペしたモーダルウィンドウを開くボタンと、erbで記述したボタンをグループ化してきれいに並べるために、html↔erbの変換を行いたいです。
現在は画像のように角に隙間ができてしまっています。

<div class="btn-group btn-group-sm mt-1">
　<button type="button" class="btn btn-success" data-toggle="modal" data-target="#exampleModalScrollable">参加者一覧</button>

  <%= button_to "参加する", recruit_leave_path, method: :delete, class: "btn btn-info" %>
</div>

erbの記述を<button type="button">で囲むと角の隙間が無くなることは確認したので、erbの中でhtmlタグを<button>に指定するか、モーダルボタンの記述をerbに変換出来れば解決すると思ったのですが、どちらも調べつつ色々試しましたが、うまくいきませんでした。アドバイス頂けると助かります。

Answer 1

とりあえず角にすきまなどの見た目の問題は、CSSの設定がほとんどとなります。
今回Bootstrapをご利用とのことなので、下記を参考に各ボタンのクラスを適宜設定いただければ、勉強にもなりつつ、期待通りの結果を得ることができるかと思います。

https://getbootstrap.jp/docs/4.2/utilities/borders/#border-radius

Answer 2

button_toをlink_toに変更したら普通に直りました。。

<%= link_to "参加する", recruit_join_path, method: :post, class: "btn btn-info" %>