From f00db3f8c843b9a38f50ddbc038577b59d101468 Mon Sep 17 00:00:00 2001
From: Jeffrey Lembeck <jlembeck@gmail.com>
Date: Fri, 25 Jul 2014 10:12:59 -0700
Subject: [PATCH] Fix recommend button and header spacing

---
 examples/index.html | 5 ++++-
 examples/large.html | 7 +++++--
 examples/small.html | 3 +++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/examples/index.html b/examples/index.html
index a8d9250..ad11e33 100644
--- 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
index 5ad7948..999932e 100644
--- 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,7 +154,7 @@ <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>
@@ -159,7 +162,7 @@ <h4>with Facebook Recommend</h4>
 			<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
index 40cc012..4e0e141 100644
--- a/examples/small.html
+++ b/examples/small.html
@@ -62,6 +62,9 @@
 				height: 200px;
 				tab-size: 2;
 			}
+			h4 {
+				margin-bottom: .66em;
+			}
 		</style>
 		<script>
 		$(function() {