reorder logos, spacing fixes

blog.md

@@ -1,6 +1,7 @@
 ---
 layout: v2
 title: Blog
+bodyclass: blog-page
 ---
 
 ## Leaflet Developer Blog

docs/css/main.css

@@ -110,6 +110,10 @@ h3 {
 	font-size: 1.4em;
 }
 
+.blog-page h3 {
+	padding-top: 0;
+}
+
 h4 {
 	font-size: 1.1em;
 	font-weight: 500;
@@ -267,7 +271,7 @@ h3.tagline {
 }
 
 .usedby {
-	margin: 0;
+	margin: 0 0 3em;
 	text-align: center;
 	padding: 0 3em 2em;
 	background-color: #f5f5f5;
@@ -390,10 +394,10 @@ h3.tagline {
 }
 .features ul {
 	padding-left: 1.6em;
-	margin: 0 0 1.5em;
+	margin: 0 0 1.8em;
 }
 .features h3 {
-	margin: 0 0 0.5em;
+	margin: 0 0 0.8em;
 	padding: 0;
 }
 .features h4 {

index.html

@@ -40,17 +40,17 @@ If you have any questions, take a look at the <a href="https://github.com/Leafle
     <a class="logo logo-github" href="https://github.com">GitHub</a>
     <a class="logo logo-foursquare" href="http://foursquare.com">foursquare</a>
     <a class="logo logo-pinterest" href="https://www.pinterest.com">Pinterest</a>
-    <a class="logo logo-500px" href="https://500px.com">500px</a>
+    <a class="logo logo-facebook" href="https://www.facebook.com/">Facebook</a>
     <a class="logo logo-evernote" href="https://evernote.com">Evernote</a>
     <a class="logo logo-etsy" href="https://www.etsy.com/">Etsy</a>
+    <a class="logo logo-flickr" href="https://www.flickr.com/">Flickr</a>
+    <a class="logo logo-500px" href="https://500px.com">500px</a>
+    <a class="logo logo-datagov" href="http://www.data.gov/">Data.gov</a>
+    <a class="logo logo-european-commission" href="http://ec.europa.eu/">European Commission</a>
     <a class="logo logo-wpost" href="https://www.washingtonpost.com">The Washington Post</a>
     <a class="logo logo-ftimes" href="http://www.ft.com">Financial Times</a>
     <a class="logo logo-npr" href="http://www.npr.org">NPR</a>
     <a class="logo logo-usatoday" href="http://www.usatoday.com">USA Today</a>
-    <a class="logo logo-facebook" href="https://www.facebook.com/">Facebook</a>
-    <a class="logo logo-flickr" href="https://www.flickr.com/">Flickr</a>
-    <a class="logo logo-datagov" href="http://www.data.gov/">Data.gov</a>
-    <a class="logo logo-european-commission" href="http://ec.europa.eu/">European Commission</a>
     <a class="logo logo-nps" href="http://www.nps.gov/">National Park Service</a>
     <a class="logo logo-ign" href="http://ign.com">IGN.com</a>
   </div>