Justified nav buttons, thinner header typography (fontweight=200)

public/css/ios7.less

@@ -14,10 +14,14 @@ html {
   height: 100%;
 }
 
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+  margin-top: 0;
+  font-weight: 300;
+}
 
 [class^="fa-"],
 [class*="fa-"] {
-  margin-right: 10px;
+  margin-right: 5px;
 }
 
 a {
@@ -64,13 +68,11 @@ a {
 
   .navbar-brand {
     color: #007aff;
-
-    &:hover {
-      color: #0062cc;
-    }
   }
+
   .navbar-nav {
     > li > a {
+      color: #999;
       transition: all 0.3s;
 
       &:hover,
@@ -408,6 +410,18 @@ nav-tabs > li > a > [class*="icon-"] {
   }
 }
 
+.btn-group {
+  margin: 0 10px 15px 0;
+}
+
+.btn-group.pull-right {
+  margin-right: 0;
+}
+
+.btn-group > .btn {
+  margin: 0;
+}
+
 .facebook {
   background-color: #335397;
   border-color: #335397;

views/api/foursquare.jade

@@ -15,6 +15,19 @@ block content
       .panel-footer
         div= message
   else
+    h1
+      i.fa.fa-tumblr-square
+      |  Tumblr API
+    .btn-group.btn-group-justified
+      a.btn.btn-lg.btn-primary-outline(href='#')
+        i.fa.fa-check-square-o
+        | Getting Started
+      a.btn.btn-lg.btn-primary-outline(href='#')
+        i.fa.fa-laptop
+        | API Console
+      a.btn.btn-lg.btn-primary-outline(href='#')
+        i.fa.fa-code-fork
+        | API Endpoints
     .row
       .col-lg-12
         .panel.panel-default