From 4bf071e5fde3a50a03f52f8adc32bf8cb6cf4aa8 Mon Sep 17 00:00:00 2001
From: Sneha Mishra <33183263+Tlazypanda@users.noreply.github.com>
Date: Fri, 27 Mar 2020 00:20:14 +0530
Subject: [PATCH] fix alignment of twitter button (#7611)

---
 app/views/home/_social.html.erb      | 19 +++++++++++++------
 app/views/sidebar/_question.html.erb |  6 +++---
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/app/views/home/_social.html.erb b/app/views/home/_social.html.erb
index 72bf2434a4..18d125909d 100644
--- a/app/views/home/_social.html.erb
+++ b/app/views/home/_social.html.erb
@@ -1,7 +1,7 @@
 <div id="social" style="clear:both;margin-top:10px;">
   <% if Rails.env == "production" %>
     <div class="fb-like" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false" style="vertical-align: middle; bottom: 6px;margin-right:10px" ></div>
-    
+
     <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
       	      if (d.getElementById(id)) return;
@@ -10,14 +10,21 @@
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));</script>
 
-    <div class="fb-share-button" style="vertical-align: middle; bottom: 6px;margin-right:10px" 
-    data-layout="button" 
-    data-size="small" data-mobile-iframe="true"><a target="_blank" 
-    href="https://www.facebook.com/sharer" 
+    <div class="fb-share-button" style="vertical-align: middle; bottom: 6px;margin-right:10px"
+    data-layout="button"
+    data-size="small" data-mobile-iframe="true"><a target="_blank"
+    href="https://www.facebook.com/sharer"
     class="fb-xfbml-parse-ignore">Share</a>
   </div>
 
-    <a style="width: 60px;height: 20px;bottom: 7px;" href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
+    <div class="tweet"><a style="width: 60px;height: 20px;bottom: 7px;" href="https://twitter.com/share" class="twitter-share-button">Tweet</a></div>
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
   <% end %>
 </div>
+
+<style>
+.tweet{
+  position: relative;
+  vertical-align: middle;
+}
+</style>
diff --git a/app/views/sidebar/_question.html.erb b/app/views/sidebar/_question.html.erb
index 3ae64fa52a..aaf08f896f 100644
--- a/app/views/sidebar/_question.html.erb
+++ b/app/views/sidebar/_question.html.erb
@@ -1,7 +1,7 @@
 <div class="col-lg-3">
 
 <%= render :partial => "like/like", :locals => {:node => @node, :tagnames => @tagnames } %>
-  
+
   <a style="margin-top:-16px;margin-bottom:0;" class="btn btn-sm btn-block btn-link d-lg-none" href="javascript:void()" onClick="toggle_sidebar()"><i class="fa fa-chevron-down"></i></a>
 
   <div id="sidebar" class="d-lg-inline">
@@ -9,7 +9,7 @@
     <a rel="tooltip" title="Ask question<% if @tagnames %> about <%= (@tagnames.uniq.collect {|x| x.gsub(/[\w-]+:/, '') }).join(',') %><% end %>" data-placement="bottom" href="/post<%= '?tags=' + @tagnames.uniq.join(',') if @tagnames %>&template=question&redirect=question" class="btn btn-primary btn-lg btn-block requireLogin"><i class="fa fa-question-circle fa-white"></i> Ask related question &raquo;</a>
 
     <br />
-    
+
     <% if @node %>
       <%= render :partial => "sidebar/list" %>
     <% end %>
@@ -31,6 +31,6 @@
   <div id=sidebar-tags>
     <%= render partial: 'tag/tagging' %>
   </div>
-  
+
 </div>
 <%= javascript_include_tag 'sidebar' %>