fix(social-login): social button fill space when option are turn off

app/assets/stylesheets/application.scss

@@ -43,6 +43,7 @@
 @import "budgets/**/*";
 @import "comments/**/*";
 @import "debates/**/*";
+@import "devise/**/*";
 @import "documents/**/*";
 @import "layout/**/*";
 @import "machine_learning/**/*";

app/assets/stylesheets/devise/omniauth_form.scss

@@ -0,0 +1,15 @@
+.devise-omniauth-form {
+  .oauth-logins {
+    display: flex;
+    flex-direction: column;
+
+    @include breakpoint(medium) {
+      flex-direction: row;
+    }
+
+    .oauth-login {
+      @include grid-column-gutter;
+      flex-grow: 1;
+    }
+  }
+}

app/components/devise/omniauth_form_component.html.erb

@@ -1,18 +1,20 @@
-<div class="row">
+<div class="row devise-omniauth-form">
   <div class="small-12 column">
     <div class="margin-bottom">
       <strong><%= t("omniauth.info.#{action}") %></strong>
     </div>
   </div>
 
+  <div class="oauth-logins small-12">
     <% oauth_logins.each do |login| %>
-    <div class="small-12 medium-6 large-4 column end">
+      <div class="oauth-login">
         <%= link_to t("omniauth.#{login}.name"), send("user_#{login}_omniauth_authorize_path"),
                     title: t("omniauth.#{login}.#{action}"),
                     class: "button-#{login.to_s.delete_suffix("_oauth2")} button expanded",
                     method: :post %>
       </div>
     <% end %>
+  </div>
 
   <div class="small-12 column auth-divider">
     <span><%= t("omniauth.or_fill") %></span>