fix search bars on android

components.html

@@ -317,7 +317,10 @@ base_url: "../"
 
 <!-- Block button in standard bar fixed below top bar -->
 <div class="bar bar-standard bar-header-secondary">
-  <a class="btn btn-block">Block level button</a>
+  <!-- <a class="btn btn-block">Block level button</a> --> 
+  <form>
+    <input type="search" placeholder="Search">
+  </form>
 </div>
 {% endhighlight %}
 

dist/android-theme.css

@@ -228,6 +228,10 @@ a:active {
   margin-top: 13px;
 }
 
+.bar input[type="search"] {
+  height: 35px;
+}
+
 .badge.badge-inverted {
   color: #999999;
   background-color: transparent;

docs-assets/css/docs.css

@@ -1397,6 +1397,9 @@ hr {
 .platform-android .bar .icon {
   margin-top: 13px;
 }
+.platform-android .bar input[type="search"] {
+  height: 35px;
+}
 .platform-android .badge.badge-inverted {
   color: #999999;
   background-color: transparent;

examples/app-default/index.html

@@ -8,7 +8,7 @@
     <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="css/app.css">
     <script src="../../dist/ratchet.js"></script>
   </head>

lib/sass/theme-android.scss

@@ -331,6 +331,13 @@ a {
   margin-top: 13px;
 }
 
+// Standard bars with search forms
+//
+// Position/size search bar within the bar
+.bar input[type="search"] {
+  height: 35px;
+}
+
 
 // Badges
 // --------------------------------------------------