Add an update for the facebook button

Author: Rafael J. Staib

index.html

@@ -34,8 +34,8 @@ <h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
                 <a href="https://github.com/rstaib/jquery-steps" class="button"><small>View project on</small>GitHub</a>
                 <div class="share">
                     <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://rstaib.github.io/jquery-steps/" data-text="jQuery Steps" data-via="RafaelStaib" data-hashtags="jquerysteps">Tweet</a>
-                    <iframe src="http://ghbtns.com/github-btn.html?user=rstaib&repo=jquery-steps&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
                     <div class="fb-like" data-href="http://rstaib.github.io/jquery-steps" data-send="false" data-layout="button_count" data-width="110" data-show-faces="false" data-font="arial"></div>
+                    <iframe src="http://ghbtns.com/github-btn.html?user=rstaib&repo=jquery-steps&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
                 </div>
             </div>
         </header>

stylesheets/stylesheet.css

@@ -29,7 +29,7 @@ footer, header, hgroup, menu, nav, section {
 }
 body {
 	line-height: 1;
-    overflow-y: scroll;
+	overflow-y: scroll;
 }
 ol, ul {
 	list-style: none;
@@ -155,7 +155,8 @@ header .share {
   top: 100px;
   width: 202px;
 }
-header .share > iframe {
+header .share > iframe,
+header .share > div {
   margin: 0 10px 10px 0;
 }
 aside a.button {
@@ -388,105 +389,105 @@ footer a:hover {
 /* Tablet Portrait size to standard 960 (devices and browsers) */
 @media only screen and (min-width: 768px) and (max-width: 959px) {
   .inner {
-    width: 740px;
+	width: 740px;
   }
   header h1, header h2 {
-    width: 340px;
+	width: 340px;
   }
   header h1 {
-    font-size: 60px;
+	font-size: 60px;
   }
   header h2 {
-    font-size: 30px;
+	font-size: 30px;
   }
   #main-content {
-    width: 490px;
+	width: 490px;
   }
   #main-content h1:before,
   #main-content h2:before,
   #main-content h3:before,
   #main-content h4:before,
   #main-content h5:before,
   #main-content h6:before {
-    content: none;
-    padding-right: 0;
-    margin-left: 0;
+	content: none;
+	padding-right: 0;
+	margin-left: 0;
   }
 }
 
 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {
   .inner {
-    width: 93%;
+	width: 93%;
   }
   header {
-    padding: 20px 0;
+	padding: 20px 0;
   }
   header .inner {
-    position: relative;
+	position: relative;
   }
   header h1, header h2 {
-    width: 100%;
+	width: 100%;
   }
   header h1 {
-    font-size: 48px;
+	font-size: 48px;
   }
   header h2 {
-    font-size: 24px;
+	font-size: 24px;
   }
   header a.button {
-    background-image: none;
-    width: auto;
-    height: auto;
-    float: left;
-    display: inline-block;
-    margin: 15px 15px 0 0;
-    padding: 5px 10px;
-    position: relative;
-    text-align: center;
-    font-size: 13px;
-    line-height: 1;
-    background-color: #9ddcff;
-    color: #2879d0;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;                     
-    border-radius: 5px;    
+	background-image: none;
+	width: auto;
+	height: auto;
+	float: left;
+	display: inline-block;
+	margin: 15px 15px 0 0;
+	padding: 5px 10px;
+	position: relative;
+	text-align: center;
+	font-size: 13px;
+	line-height: 1;
+	background-color: #9ddcff;
+	color: #2879d0;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;                     
+	border-radius: 5px;    
   }
   header a.button small {
-    font-size: 13px;
-    display: inline;
+	font-size: 13px;
+	display: inline;
   }
   header .share {
-    top: 0;
-    width: auto;
-    display: inline-block;
-    margin: 15px 15px 0 0;
-    position: relative;    
+	top: 0;
+	width: auto;
+	display: inline-block;
+	margin: 15px 15px 0 0;
+	position: relative;    
   }
   #main-content,
   aside#sidebar {
-    float: none;
-    width: 100% ! important;
+	float: none;
+	width: 100% ! important;
   }
   aside#sidebar {
-    background-image: none;
-    margin-top: 20px;
-    border-top: solid 1px #ddd;
-    padding: 20px 0;
-    min-height: 0;
+	background-image: none;
+	margin-top: 20px;
+	border-top: solid 1px #ddd;
+	padding: 20px 0;
+	min-height: 0;
   }
   aside#sidebar a.button {
-    display: none;
+	display: none;
   }
   #main-content h1:before,
   #main-content h2:before,
   #main-content h3:before,
   #main-content h4:before,
   #main-content h5:before,
   #main-content h6:before {
-    content: none;
-    padding-right: 0;
-    margin-left: 0;
+	content: none;
+	padding-right: 0;
+	margin-left: 0;
   }
 }