make android buttons bigger

components.html

@@ -902,12 +902,6 @@ document
     <div class="component-example">
       <div id="popover" class="popover">  
         <header class="bar bar-nav">
-          <a class="btn btn-link pull-left">
-            Left
-          </a>
-          <a class="btn btn-link pull-right">
-            Right
-          </a>
           <h3 class="title">Popover title</h3>
         </header>
         <ul class="table-view">
@@ -926,12 +920,6 @@ document
 {% highlight html %}
 <div id="popover" class="popover">  
   <header class="bar bar-nav">
-    <a class="btn btn-link pull-left">
-      Left
-    </a>
-    <a class="btn btn-link pull-right">
-      Right
-    </a>
     <h3 class="title">Popover title</h3>
   </header>
   <ul class="table-view">

dist/android-theme.css

@@ -70,12 +70,6 @@ a {
   text-align: left;
 }
 
-.card {
-  border-color: #d9d9d9;
-  border-radius: 2px;
-  background-color: transparent;
-}
-
 .popover .bar {
   border-radius: 0;
 }
@@ -83,6 +77,12 @@ a {
   padding-top: 50px;
 }
 
+.card {
+  border-color: #d9d9d9;
+  border-radius: 2px;
+  background-color: transparent;
+}
+
 .table-view {
   background-color: transparent;
 }
@@ -170,6 +170,8 @@ textarea,
 }
 
 .btn {
+  padding: 8px 15px;
+  font-size: 14px;
   color: #222222;
   background-color: #cecece;
   border: 0;
@@ -281,6 +283,11 @@ textarea,
   box-shadow: none;
 }
 
+.btn-block {
+  padding: 15px 0;
+  font-size: 18px;
+}
+
 .bar-nav .btn-link {
   color: #33b5e5;
 }

docs-assets/css/docs.css

@@ -1239,17 +1239,17 @@ hr {
   line-height: 50px;
   text-align: left;
 }
-.platform-android .card {
-  border-color: #d9d9d9;
-  border-radius: 2px;
-  background-color: transparent;
-}
 .platform-android .popover .bar {
   border-radius: 0;
 }
 .platform-android .popover .bar ~ .table-view {
   padding-top: 50px;
 }
+.platform-android .card {
+  border-color: #d9d9d9;
+  border-radius: 2px;
+  background-color: transparent;
+}
 .platform-android .table-view {
   background-color: transparent;
 }
@@ -1327,6 +1327,8 @@ hr {
   border-bottom: 0;
 }
 .platform-android .btn {
+  padding: 8px 15px;
+  font-size: 14px;
   color: #222222;
   background-color: #cecece;
   border: 0;
@@ -1431,6 +1433,10 @@ hr {
   background-color: transparent;
   box-shadow: none;
 }
+.platform-android .btn-block {
+  padding: 15px 0;
+  font-size: 18px;
+}
 .platform-android .bar-nav .btn-link {
   color: #33b5e5;
 }

lib/sass/theme-android.scss

@@ -113,6 +113,15 @@ a {
   line-height: $bar-base-height;
   text-align: left;
 }
+// `bar-nav` in popovers
+.popover {
+  .bar {
+    border-radius: 0;
+  }
+  .bar ~ .table-view {
+    padding-top: $bar-base-height;
+  }
+}
 
 
 //
@@ -125,15 +134,6 @@ a {
   background-color: transparent;
 }
 
-// `bar-nav` in popovers
-.popover {
-  .bar {
-    border-radius: 0;
-  }
-  .bar ~ .table-view {
-    padding-top: $bar-base-height;
-  }
-}
 
 // Table views
 // --------------------------------------------------
@@ -244,6 +244,8 @@ textarea,
 // --------------------------------------------------
 
 .btn {
+  padding: 8px 15px;
+  font-size: 14px;
   color: $text-color;
   background-color: #cecece;
   border: 0;
@@ -259,6 +261,7 @@ textarea,
     box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2);
   }
 }
+
 .bar {
   .btn {
     padding-top: 9px;
@@ -277,7 +280,6 @@ textarea,
   }
 }
 
-
 // Other button types
 // --------------------------------------------------
 
@@ -385,6 +387,12 @@ textarea,
   }
 }
 
+// Block buttons
+.btn-block {
+  padding: 15px 0;
+  font-size: 18px;
+}
+
 // Buttons in nav bars
 // --------------------------------------------------