[openstreetmap/openstreetmap-website] Replace .btn-wrapper with Bootstrap gutters/gaps (PR #4837)

[Anton Khorev]

See the deleted css comment for why it was used. You can achieve the same effect with [gutters](https://getbootstrap.com/docs/5.3/layout/gutters/) when using Bootstrap rows or with `.d-flex` + [gaps](https://getbootstrap.com/docs/5.3/utilities/spacing/#gap).

Account settings in a very narrow window:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/3741bb50-d2fc-4e01-af11-dae68a49c19c)

Note edit buttons:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/749bab5d-191d-4e22-9d1f-7cb52ab48801)

You can view, comment on, or merge this pull request online at:

  https://github.com/openstreetmap/openstreetmap-website/pull/4837

-- Commit Summary --

  * Replace .btn-wrapper with Bootstrap gutters/gaps

-- File Changes --

    M app/assets/stylesheets/common.scss (10)
    M app/views/accounts/edit.html.erb (6)
    M app/views/notes/new.html.erb (2)
    M app/views/notes/show.html.erb (4)

-- Patch Links --

https://github.com/openstreetmap/openstreetmap-website/pull/4837.patch
https://github.com/openstreetmap/openstreetmap-website/pull/4837.diff

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/4837
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/4837 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20240525/edfbd0d8/attachment.htm>