just messing with a few things

_includes/header.html

@@ -8,7 +8,7 @@
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
 <link rel="stylesheet" href="{{ page.base_url }}dist/ratchet.css">
-<!-- <link rel="stylesheet" href="{{ page.base_url }}dist/ios-theme.css"> -->
+<link rel="stylesheet" href="{{ page.base_url }}dist/ios-theme.css">
 <link rel="stylesheet" href="{{ page.base_url }}docs-assets/css/docs.css">
 <link rel="stylesheet" href="{{ page.base_url }}docs-assets/css/pygments.css">
 <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

components.html

@@ -24,10 +24,10 @@ base_url: "../"
 
 <div class="platform-toggle">
   <ul class="segmented-controller">
-    <li class="selected">
+    <li>
       <a>Base</a>
     </li>
-    <li>
+    <li class="selected">
       <a>iOS</a>
     </li>
     <li>

docs-assets/css/docs.css

@@ -121,7 +121,6 @@ h1, h2, h3, h4, h5, h6 {
 }
 .docs-masthead .icon {
   position: fixed;
-  top: 15px;
   color: #fff;
   opacity: .7;
   -webkit-transition: all 0.2s linear;
@@ -131,9 +130,11 @@ h1, h2, h3, h4, h5, h6 {
   opacity: 1;
 }
 .docs-masthead .icon-download {
-  left: 15px;
+  top: 11px;
+  right: 60px;
 }
 .docs-masthead .icon-list {
+  top: 15px;
   right: 15px;
 }
 
@@ -299,7 +300,7 @@ hr {
 
   .iphone .iphone-content {
     position: absolute;
-    top: 118px;
+    top: 117px;
     left: 37px;
     width: 320px;
     height: 568px;

index.html

@@ -10,7 +10,7 @@ base_url: "./"
     <div class="column-group">
       <div class="docs-header column units-2">
         <h1 class="docs-title">Ratchet</h1>
-        <p class="docs-subtitle">Prototype beautiful iPhone apps with simple HTML, CSS, and JS components.</p>
+        <p class="docs-subtitle">Prototype mobile apps with simple HTML, CSS, and JS components.</p>
         <a data-ignore="push" href="http://maker.github.com/ratchet/ratchet.zip" class="button button-primary button-filled button-block" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0']);">Download Ratchet</a>
       </div>
     </div>

lib/sass/docs.scss

@@ -14,10 +14,6 @@ body {
   -webkit-text-size-adjust: 100%;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  text-rendering: optimizeLegibility;
-}
-
 
 // Jumbotron
 // --------------------------------------------------
@@ -127,7 +123,6 @@ h1, h2, h3, h4, h5, h6 {
   }
   .icon {
     position: fixed;
-    top: 15px;
     color: #fff;
     opacity: .7;
     @include transition(all .2s linear);
@@ -137,9 +132,11 @@ h1, h2, h3, h4, h5, h6 {
     }
   }
   .icon-download {
-    left: 15px;
+    top: 11px;
+    right: 60px;
   }
   .icon-list {
+    top: 15px;
     right: 15px;
   }
 }
@@ -310,7 +307,7 @@ hr {
   }
   .iphone .iphone-content {
     position: absolute;
-    top: 118px;
+    top: 117px;
     left: 37px;
     width: 320px;
     height: 568px;