From edaa53e86c9131b2bb578f71e601af6d354fbf68 Mon Sep 17 00:00:00 2001
From: "Costa Tsaousis (ktsaou)" <costa@tsaousis.gr>
Date: Tue, 6 Dec 2016 20:40:08 +0200
Subject: [PATCH] aligned facebook and twitter buttons

---
 web/demosites.html | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/web/demosites.html b/web/demosites.html
index 06958202..83d37b5c 100644
--- a/web/demosites.html
+++ b/web/demosites.html
@@ -601,6 +601,15 @@ p {
         text-shadow: #333 0px 0px 2px;
     }
 
+    .fb-share-button span {
+        top: 0px;
+    }
+    .fb-like span {
+        top: 0px;
+    }
+    .fb-follow span {
+        top: 0px;
+    }
 
 </style>
 </head>
@@ -1027,11 +1036,17 @@ p {
 <!-- the footer -->
 <div class=site-footer role=contentinfo>
     <p>
-        <a class=twitter-share-button href=https://twitter.com/share data-count=none data-lang=en data-via=linuxnetdata data-size=large data-text="Get control of your Linux servers. Simple. Effective. Awesome." data-url=https://my-netdata.io/ >Tweet</a> &nbsp;
-        <a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=large>Follow @linuxnetdata</a>
-        <div class="fb-like" data-href="http://my-netdata.io/" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
-        <div class="fb-share-button" data-href="http://my-netdata.io/" data-layout="button" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fmy-netdata.io%2F&amp;src=sdkpreparse">Share</a></div>
-        <div class="fb-follow" data-href="https://www.facebook.com/linuxnetdata/" data-layout="standard" data-size="small" data-show-faces="false" data-colorscheme="dark" width="225"></div>
+    <div style="display: inline-block;">
+        <div style="vertical-align:top;display:inline-block; height: 34px;">twitter:</div>
+        <div style="vertical-align:top;display:inline-block; height: 34px;"><a class=twitter-share-button href=https://twitter.com/share data-count=none data-lang=en data-via=linuxnetdata data-size=small data-text="Get control of your Linux servers. Simple. Effective. Awesome." data-url=https://my-netdata.io/ >Tweet</a></div>
+        <div style="vertical-align:top;display:inline-block; height: 34px;"><a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=small>Follow @linuxnetdata</a></div>
+    </div>
+    <div style="display: inline-block;">
+        <div style="vertical-align:top;display:inline-block; height: 34px; padding-left: 10px;">facebook:</div>
+        <div class="fb-like" data-href="http://my-netdata.io/" data-layout="button" data-action="like" data-show-faces="false" data-share="false" style="vertical-align:top;display:inline-block; height: 34px;"></div>
+        <div class="fb-share-button" data-href="http://my-netdata.io/" data-layout="button" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fmy-netdata.io%2F&amp;src=sdkpreparse" style="vertical-align:top;display:inline-block; height: 34px;">Share</a></div>
+        <div class="fb-follow" data-href="https://www.facebook.com/linuxnetdata/" data-layout="standard" data-size="small" data-show-faces="false" data-colorscheme="dark" width="225" style="vertical-align:top;display:inline-block; height: 34px;"></div>
+    </div>
     </p>
     <p>
         <strong>netdata</strong><br/>
-- 
2.39.2