Fix recommend button and header spacing

filamentgroup · Jul 25, 2014 · f00db3f · f00db3f
1 parent f4a2a47
commit f00db3f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/examples/index.html b/examples/index.html
@@ -62,6 +62,9 @@
 				height: 200px;
 				tab-size: 2;
 			}
+			h4 {
+				margin-bottom: .66em;
+			}
 		</style>
 		<script>
 		$(function() {
@@ -168,7 +171,7 @@ <h4>with Counts</h4>
 				<li class="googleplus"><a href="https://plus.google.com/share?url=http://www.google.com/" title="Share on Google Plus"><span class="social-icon icon-googleplus"></span><span class="count">+1</span></a></li>
 			</ul>
 
-			<h2>with Pinterest</h2>
+			<h4>with Pinterest</h4>
 			<ul class="socialcount" data-url="http://www.google.com/" data-share-text="My Custom Share Text" data-media="http://upload.wikimedia.org/wikipedia/commons/3/30/Googlelogo.png" data-description="Google Logo">
 				<li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=http://www.google.com/" title="Share on Facebook"><span class="social-icon icon-facebook"></span><span class="count">Like</span></a></li>
 				<li class="twitter"><a href="https://twitter.com/intent/tweet?text=http://www.google.com/" title="Share on Twitter"><span class="social-icon icon-twitter"></span><span class="count">Tweet</span></a></li>

diff --git a/examples/large.html b/examples/large.html
@@ -62,6 +62,9 @@
 				height: 200px;
 				tab-size: 2;
 			}
+			h4 {
+				margin-bottom: .66em;
+			}
 		</style>
 		<script>
 		$(function() {
@@ -151,15 +154,15 @@ <h1 class="description-container">Demo of <span class="repo-name">SocialCount</s
 			<h2 id="large">Large</h2>
 			<h4>with Facebook Recommend</h4>
 			<ul class="socialcount socialcount-large" data-url="http://www.google.com/" data-facebook-action="recommend">
-				<li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=http://www.google.com/" title="Share on Facebook"><span class="social-icon icon-facebook"></span><span class="count">Like</span></a></li>
+				<li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=http://www.google.com/" title="Share on Facebook"><span class="social-icon icon-facebook"></span><span class="count">Recommend</span></a></li>
 				<li class="twitter"><a href="https://twitter.com/intent/tweet?text=http://www.google.com/" title="Share on Twitter"><span class="social-icon icon-twitter"></span><span class="count">Tweet</span></a></li>
 				<li class="googleplus"><a href="https://plus.google.com/share?url=http://www.google.com/" title="Share on Google Plus"><span class="social-icon icon-googleplus"></span><span class="count">+1</span></a></li>
 			</ul>
 
 			<h4>with Narrow Container Width and Counts</h4>
 			<div style="width: 105px">
 				<ul class="socialcount socialcount-large" data-url="http://www.google.com/" data-counts="true">
-					<li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=http://www.google.com/" title="Share on Facebook"><span class="social-icon icon-facebook"></span><span class="count">Recommend</span></a></li>
+					<li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=http://www.google.com/" title="Share on Facebook"><span class="social-icon icon-facebook"></span><span class="count">Like</span></a></li>
 					<li class="twitter"><a href="https://twitter.com/intent/tweet?text=http://www.google.com/" title="Share on Twitter"><span class="social-icon icon-twitter"></span><span class="count">Tweet</span></a></li>
 					<li class="googleplus"><a href="https://plus.google.com/share?url=http://www.google.com/" title="Share on Google Plus"><span class="social-icon icon-googleplus"></span><span class="count">+1</span></a></li>
 				</ul>

diff --git a/examples/small.html b/examples/small.html
@@ -62,6 +62,9 @@
 				height: 200px;
 				tab-size: 2;
 			}
+			h4 {
+				margin-bottom: .66em;
+			}
 		</style>
 		<script>
 		$(function() {