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>
 
-  <% oauth_logins.each do |login| %>
-    <div class="small-12 medium-6 large-4 column end">
-      <%= 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 class="oauth-logins small-12">
+    <% oauth_logins.each do |login| %>
+      <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>