aligned facebook and twitter buttons

1 files changed, 20 insertions, 5 deletions

diff --git a/web/demosites.html b/web/demosites.html
index 0695820290..83d37b5c98 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/>