simplifiy bars

_includes/header.html

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

dist/ratchet.css

@@ -292,7 +292,8 @@ strong {
   left: 0;
   z-index: 10;
   height: 44px;
-  padding: 5px 10px;
+  padding-right: 10px;
+  padding-left: 10px;
   border-bottom: 1px solid #dddddd;
   background-color: white;
 }
@@ -314,9 +315,6 @@ strong {
 }
 
 .title {
-  position: absolute;
-  top: 0;
-  left: 0;
   display: block;
   width: 100%;
   padding: 0;
@@ -691,7 +689,6 @@ select {
   position: relative;
   z-index: 10;
   padding: 0;
-  margin-top: -5px;
   font-size: 16px;
   font-weight: 400;
   line-height: 44px;

lib/sass/bars.scss

@@ -8,7 +8,8 @@
   left: 0;
   z-index: 10;
   height: $bar-base-height;
-  padding: 5px $bar-side-spacing;
+  padding-right: $bar-side-spacing;
+  padding-left: $bar-side-spacing;
   border-bottom: $border-default;
   background-color: $chrome-color;
 
@@ -45,9 +46,6 @@
 
 // Centered text in the .bar-nav 
 .title {
-  position: absolute;
-  top: 0;
-  left: 0;
   display: block;
   width: 100%;
   padding: 0;

lib/sass/buttons.scss

@@ -110,7 +110,6 @@
     position: relative;
     z-index: 10; // Places buttons over full width title
     padding: 0;
-    margin-top: -5px; // Offsets the bar's vertical padding
     font-size: 16px;
     font-weight: $font-weight-light;
     line-height: $bar-base-height;

lib/sass/segmented-controllers.scss

@@ -69,7 +69,5 @@
 
 // Remove standard segmented bottom margin
 [class*="bar-"] .segmented-controller {
-  margin-top: 3px;
+  margin: 8px auto 0;
-  margin-right: auto;
-  margin-left: auto;
 }