Use flex gap instead of margins on auth buttons

This commit is contained in:
Anton Khorev 2024-07-08 16:56:34 +03:00
parent 4767994e14
commit bacca516f0
3 changed files with 5 additions and 5 deletions

View file

@ -64,7 +64,7 @@ module UserHelper
:size => "36"),
auth_path(options.merge(:provider => provider)),
:method => :post,
:class => "auth_button btn btn-light mx-1 p-2 d-block",
:class => "auth_button btn btn-light p-2 d-block",
:title => t("application.auth_providers.#{name}.title")
)
end

View file

@ -20,9 +20,9 @@
<% end -%>
<% end -%>
</div>
<div class="list-inline justify-content-center d-flex align-items-center flex-wrap w-50">
<div class="list-inline justify-content-center d-flex align-items-center flex-wrap gap-2 w-50 px-1">
<% else %>
<div class="list-inline justify-content-center d-flex align-items-center flex-wrap w-100">
<div class="list-inline justify-content-center d-flex align-items-center flex-wrap gap-2 w-100">
<% end %>
<%= link_to image_tag("openid.svg",
@ -31,7 +31,7 @@
"#",
:id => "openid_open_url",
:title => t("application.auth_providers.openid.title"),
:class => "btn btn-light mx-1 p-2 d-block" %>
:class => "btn btn-light p-2 d-block" %>
<% %w[google facebook microsoft github wikipedia].each do |provider| %>
<% unless @preferred_auth_provider == provider %>