aligned facebook and twitter buttons
Costa Tsaousis (ktsaou) committed
Dec 6, 2016 at 20:40 UTC
edaa53e86c9131b2bb578f71e601af6d354fbf68
1 file changed
+20
-5
web/demosites.html
+20
-5
@@ -601,6 +601,15 @@ p {
601
text-shadow: #333 0px 0px 2px;
602
}
603
604
+ .fb-share-button span {
605
+ top: 0px;
606
+ }
607
+ .fb-like span {
608
+ top: 0px;
609
+ }
610
+ .fb-follow span {
611
+ top: 0px;
612
+ }
613
614
</style>
615
</head>
@@ -1027,11 +1036,17 @@ p {
1036
<!-- the footer -->
1037
<div class=site-footer role=contentinfo>
1038
<p>
1030
- <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>
1031
- <a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=large>Follow @linuxnetdata</a>
1032
- <div class="fb-like" data-href="http://my-netdata.io/" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
1033
- <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&src=sdkpreparse">Share</a></div>
1034
- <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>
1039
+ <div style="display: inline-block;">
1040
+ <div style="vertical-align:top;display:inline-block; height: 34px;">twitter:</div>
1041
+ <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>
1042
+ <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>
1043
+ </div>
1044
+ <div style="display: inline-block;">
1045
+ <div style="vertical-align:top;display:inline-block; height: 34px; padding-left: 10px;">facebook:</div>
1046
+ <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>
1047
+ <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&src=sdkpreparse" style="vertical-align:top;display:inline-block; height: 34px;">Share</a></div>
1048
+ <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>
1049
+ </div>
1050
</p>
1051
<p>
1052
<strong>netdata</strong><br/>