Signup icons position changed #3012 (#3023)

* swap position of form and icons

* added ruby env to production

app/views/users/new.html.erb

@@ -21,18 +21,27 @@
   <% end %>
 
   <br />
-
-  <%= render 'form' %>
-  <% if Rails.env == "production"%>
-    <h5>  OR </h5>
+  <div class='col-lg-8 col-md-10 col-sm-10' style="display:flex; justify-content: center;">
     <h3> Sign up with </h3>
-    <div class="loginbutton" style="float:left">
-      <a href="/auth/google_oauth2" id="connect-google"><span class="btn btn-default" style="margin-right:2px"><i class="fa fa-google" style="font-size:20px;color:red;"></i></span></a>
-      <a href="/auth/github" id="connect-github"><span class="btn btn-default" style="margin-left:2px"><i class="fa fa-github" style="font-size:20px;color:green;"></i></span></a>
-      <a href="https://publiclab.org/auth/twitter" id="connect-twitter"><span class="btn btn-default" style="margin-left:2px"><i class="fa fa-twitter" style="font-size:20px;color:blue;margin-left:2px;"></i></span></div></a>
-      <a href="/auth/facebook" id="connect-facebook"><span class="btn btn-default" style="margin-left:2px"><i class="fa fa-facebook" style="font-size:20px;color:blue;"></i></span></a>
+  </div>
+  <% if Rails.env == "production"%>
+    <div class='col-lg-8 col-md-10 col-sm-10' style="display:flex; justify-content: center;">
+
+      <div class="loginbutton" >
+        <a href="/auth/google_oauth2" id="connect-google"><span class="btn btn-default" style="margin-right:2px"><i class="fa fa-google" style="font-size:20px;color:red;"></i></span></a>
+        <a href="/auth/github" id="connect-github"><span class="btn btn-default" style="margin-left:2px"><i class="fa fa-github" style="font-size:20px;color:green;"></i></span></a>
+        <a href="https://publiclab.org/auth/twitter" id="connect-twitter"><span class="btn btn-default" style="margin-left:2px"><i class="fa fa-twitter" style="font-size:20px;color:blue;margin-left:2px;"></i></span></a>
+        <a href="/auth/facebook" id="connect-facebook"><span class="btn btn-default" style="margin-left:2px"><i class="fa fa-facebook" style="font-size:20px;color:blue;"></i></span></a>
     </div>
-  <% end %>
+   <% end %>
+  </div>
+   <div class='col-lg-8 col-md-10 col-sm-10' style="display:flex; justify-content: center;">
+    <h3> OR</h3>
+  </div>
+
+
+  <%= render 'form' %>
+
   <% cache('feature_signup-notice', skip_digest: true) do %>
    <%= feature('signup-notice') %>
   <% end %>