Minor margin and button order tweaks

website/themes/uppy/layout/index.ejs

@@ -9,13 +9,13 @@
     <p class="IndexHero-descPrimary"><%- config.description_primary %></p>
     <ul class="IndexSocial">
       <li><a href="https://twitter.com/uppyjs" class="twitter-follow-button" data-show-count="false" data-dnt="true">Follow @uppyjs</a></li>
+      <li><iframe src="http://ghbtns.com/github-btn.html?user=transloadit&repo=uppy&type=watch&count=true"
+    allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe></li>
+     </li>
       <li class="BuildBadge">
        <span class="wrapper">
          <a href="https://travis-ci.org/transloadit/uppy"><img src="https://travis-ci.org/transloadit/uppy.svg" alt="Build Status"></a>
        </span>
-       <li><iframe src="http://ghbtns.com/github-btn.html?user=transloadit&repo=uppy&type=watch&count=true"
-     allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe></li>
-      </li>
     </ul>
     <a class="GetStartedBtn" href="/guide/index.html">Get Started</a>
     <p class="IndexHero-descSecondary"><%- config.description_secondary %></p>

website/themes/uppy/source/css/_index.scss

@@ -83,7 +83,7 @@
   max-width: 950px;
   padding: 0 20px;
   text-align: center;
-  margin: 1em auto;
+  margin: 1.5em auto;
   color: $color-light;
 }
 
@@ -100,9 +100,9 @@
 .IndexSocial {
   text-align: center;
   list-style-type: none;
-  margin: auto;
+  margin: 3em auto;
   padding: 0;
-  margin-bottom: 2em;
+  // margin-bottom: 3.5em;
 }
 
 .IndexSocial li {
@@ -124,8 +124,8 @@
   transition: all .15s ease;
   background-color: $color-primary;
   color: $color-white;
-  margin-bottom: 1em;
-  
+  margin-bottom: 1.5em;
+
   &:hover {
     @include zoom;
   }