Set social buttons center in a partial

Author: yasulab

app/views/shared/_social_buttons.html.haml

@@ -1,14 +1,14 @@
-%ol{:style => "list-style: none; margin-top: 30px;"}
-  %li{:style => "display: inline-block; line-height: 11px; margin-left: -35px;"}
+%ol.text-center{:style => "list-style: none; margin-top: 30px; margin-left: 0px; padding-left: 0px; text-align: center;"}
+  %li{:style => "display: inline-block; line-height: 11px;"}
     %div.fb-like{"data-action" => "like", "data-href" => "#{full_url(yield(@url))}", "data-layout" => "button_count", "data-share" => "true", "data-show-faces" => "true"}
   %li{:style => "display: inline-block;"}
     %a.twitter-share-button{"data-hashtags" => "CoderDojo", "data-lang" => "ja", "data-text" => "#{full_title(yield(@title))}", "data-url" => "#{full_url(yield(@url))}", "data-via" => "CoderDojoJapan", href: "https://twitter.com/share", width: "100"} Tweet
     :javascript
       !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
   %li{:style => "display: inline-block;"}
-    %a.hatena-bookmark-button{"data-hatena-bookmark-lang" => "ja", "data-hatena-bookmark-layout" => "basic", "data-hatena-bookmark-title" => "#{full_title(yield(@title))}", href: "#{full_url(yield(@url))}", title: "このエントリーをはてなブックマークに追加"}
-      %img{alt: "このエントリーをはてなブックマークに追加", height: "20", src: "https://b.st-hatena.com/images/entry-button/button-only@2x.png", style: "border: none;", width: "20"}/
+    %a.hatena-bookmark-button{"data-hatena-bookmark-lang" => "ja", "data-hatena-bookmark-layout" => "basic-label-counter", "data-hatena-bookmark-title" => "#{full_title(yield(@title))}", href: "#{full_url(yield(@url))}", title: "このエントリーをはてなブックマークに追加"}
+      %img{alt: "このエントリーをはてなブックマークに追加", height: "20", src: "https://b.st-hatena.com/images/v4/public/entry-button/button-only@2x.png", style: "border: none;", width: "20"}/
     %script{async: "async", charset: "utf-8", src: "https://b.st-hatena.com/js/bookmark_button.js", type: "text/javascript"}
-  %li{style: "display: none;"}
-    %div.line-it-button{"data-lang" => "ja", "data-type" => "line", "data-url" => "#{full_url(yield(@url))}" }
-    %script{src: "https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js", async: "async", defer: "defer"}
+  %li{:style => "display: inline-block;"}
+    %div.line-it-button{"data-lang" => "ja", "data-type" => "like", "data-url" => "#{full_url(yield(@url))}", style: "display: none;"}
+    %script{async: "async", defer: "defer", src: "https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js"}