app/views/home/_social.html.erb
<div id="social" style="clear:both;margin-top:10px;display:flex;">
<% if Rails.env == "production" %>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false" style="display:flex;margin-right:10px;" ></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.2';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" style="display:flex;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"><%= translation('home.subscriptions.share') %></a>
</div>
<div class="tweet"><a style="width: 60px;height: 20px;bottom: 7px;" href="https://twitter.com/share" class="twitter-share-button"><%= translation('home._social.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;
}
</style>