From fc4a042b7c53c2eac94aa37225eca364cdcc4bf7 Mon Sep 17 00:00:00 2001
From: Sasha Boginsky <41092741+sashadev-sky@users.noreply.github.com>
Date: Wed, 11 Sep 2019 10:08:07 -0400
Subject: [PATCH] Fix front ui (#1011)

* h

* h

* updates

* fix front-ui
---
 app/assets/stylesheets/style.scss      |  3 +++
 app/views/front_ui/index.html.erb      | 24 ++----------------------
 app/views/layouts/_login_form.html.erb |  2 +-
 3 files changed, 6 insertions(+), 23 deletions(-)

diff --git a/app/assets/stylesheets/style.scss b/app/assets/stylesheets/style.scss
index 12db7fd41..667f1a96b 100644
--- a/app/assets/stylesheets/style.scss
+++ b/app/assets/stylesheets/style.scss
@@ -41,6 +41,9 @@ It was originally created by Caroline Hadilaksono: http://www.hadilaksono.com
             width: 45%;
             font-size: 1em;
         }
+        .btn.btn-default {
+          width: auto;
+        }
     }
 
 .jumbotron {
diff --git a/app/views/front_ui/index.html.erb b/app/views/front_ui/index.html.erb
index a6c620fd7..551c92633 100644
--- a/app/views/front_ui/index.html.erb
+++ b/app/views/front_ui/index.html.erb
@@ -69,28 +69,8 @@
         </div>
 
         <div id = "anonymous-map" class="collapse text-block lead-text col-lg-4 offset-lg-4 col-md-6 offset-md-3 col-sm-8 offset-sm-2">
-          <p>We strongly prefer that you should Log in via
-            <br><br>
-            <form id="open_id_form" method="GET" action="/sessions/create" style="padding:10px;">
-            <%= hidden_field_tag :authenticity_token, form_authenticity_token -%>
-            <%= hidden_field_tag :back_to, params[:back_to] || request.path -%>
-            <%= button_tag 'Google', name: "subaction", value: "google_oauth2" do %>
-              <span class="btn btn-default" style="background-color: #d34836;width: 60px;">
-              <i class="fab fa-google fa-fw"></i>
-              </span>
-            <% end %>
-            <%= button_tag submit: 'Twitter', name: "subaction", value: "twitter" do %>
-              <span class="btn btn-default" style="background-color: #1da1f2;width: 60px;">
-                <i class="fab fa-twitter fa-fw"></i>
-              </span>
-            <% end %>
-            <%= button_tag 'Facebook', name: "subaction", value: "facebook" do%>
-              <span class="btn btn-default" style="background-color: #3b5998;width: 60px;">
-                <i class="fab fa-facebook fa-fw"></i>
-              </span>
-            <% end %>
-            </form>
-          <br><br>
+          <p>We strongly prefer that you should
+            <%= render partial: "layouts/login_form" %>
           OR <a href="http://publiclab.org/signup">sign up for a Public Lab account</a>
           <br>
           before making a map. However, if you wish to remain anonymous for privacy reasons, <a href="<%= new_map_url %>">click here</a> to create a map. Also, note that, Anonymous maps have some limitations, <a href="/anonymous">click here</a> to learn more.
diff --git a/app/views/layouts/_login_form.html.erb b/app/views/layouts/_login_form.html.erb
index 27e268538..8ba149b92 100644
--- a/app/views/layouts/_login_form.html.erb
+++ b/app/views/layouts/_login_form.html.erb
@@ -7,7 +7,7 @@
 
   <p style="text-align: center;"><%= button_tag submit: 'Log in via PublicLab.org' do %>
     <span class="btn btn-default" style="background-color: #ededee;">
-      <img src="https://i.publiclab.org/system/images/photos/000/000/354/medium/Boots-ground-02.png" style="width: 30px; height: 30px;">
+      <img src="https://i.publiclab.org/system/images/photos/000/000/354/medium/Boots-ground-02.png" style="width: 30px; height: 30px; padding-bottom: 0px">
     </span>
     <% end %>
   </p>