Merge pull request #528 from twbs/and-badge

Fix the padding on table-views in the android theme

Author: connors

dist/css/ratchet-theme-android.css

@@ -332,6 +332,33 @@ a:active {
   border-bottom: 2px solid #a9a9a9;
 }
 
+.table-view-cell .navigate-left > .btn,
+.table-view-cell .navigate-left > .badge,
+.table-view-cell .navigate-left > .toggle,
+.table-view-cell .navigate-right > .btn,
+.table-view-cell .navigate-right > .badge,
+.table-view-cell .navigate-right > .toggle,
+.table-view-cell .push-left > .btn,
+.table-view-cell .push-left > .badge,
+.table-view-cell .push-left > .toggle,
+.table-view-cell .push-right > .btn,
+.table-view-cell .push-right > .badge,
+.table-view-cell .push-right > .toggle,
+.table-view-cell > a .navigate-left > .btn,
+.table-view-cell > a .navigate-left > .badge,
+.table-view-cell > a .navigate-left > .toggle,
+.table-view-cell > a .navigate-right > .btn,
+.table-view-cell > a .navigate-right > .badge,
+.table-view-cell > a .navigate-right > .toggle,
+.table-view-cell > a .push-left > .btn,
+.table-view-cell > a .push-left > .badge,
+.table-view-cell > a .push-left > .toggle,
+.table-view-cell > a .push-right > .btn,
+.table-view-cell > a .push-right > .badge,
+.table-view-cell > a .push-right > .toggle {
+  right: 15px;
+}
+
 select,
 textarea,
 input[type="text"],

dist/css/ratchet-theme-android.min.css

@@ -1696,6 +1696,32 @@ hr {
   border-top: 0;
   border-bottom: 2px solid #a9a9a9;
 }
+.platform-android .table-view-cell .navigate-left > .btn,
+.platform-android .table-view-cell .navigate-left > .badge,
+.platform-android .table-view-cell .navigate-left > .toggle,
+.platform-android .table-view-cell .navigate-right > .btn,
+.platform-android .table-view-cell .navigate-right > .badge,
+.platform-android .table-view-cell .navigate-right > .toggle,
+.platform-android .table-view-cell .push-left > .btn,
+.platform-android .table-view-cell .push-left > .badge,
+.platform-android .table-view-cell .push-left > .toggle,
+.platform-android .table-view-cell .push-right > .btn,
+.platform-android .table-view-cell .push-right > .badge,
+.platform-android .table-view-cell .push-right > .toggle,
+.platform-android .table-view-cell > a .navigate-left > .btn,
+.platform-android .table-view-cell > a .navigate-left > .badge,
+.platform-android .table-view-cell > a .navigate-left > .toggle,
+.platform-android .table-view-cell > a .navigate-right > .btn,
+.platform-android .table-view-cell > a .navigate-right > .badge,
+.platform-android .table-view-cell > a .navigate-right > .toggle,
+.platform-android .table-view-cell > a .push-left > .btn,
+.platform-android .table-view-cell > a .push-left > .badge,
+.platform-android .table-view-cell > a .push-left > .toggle,
+.platform-android .table-view-cell > a .push-right > .btn,
+.platform-android .table-view-cell > a .push-right > .badge,
+.platform-android .table-view-cell > a .push-right > .toggle {
+  right: 15px;
+}
 .platform-android select,
 .platform-android textarea,
 .platform-android input[type="text"],

docs/assets/css/docs.css

@@ -332,6 +332,33 @@ a:active {
   border-bottom: 2px solid #a9a9a9;
 }
 
+.table-view-cell .navigate-left > .btn,
+.table-view-cell .navigate-left > .badge,
+.table-view-cell .navigate-left > .toggle,
+.table-view-cell .navigate-right > .btn,
+.table-view-cell .navigate-right > .badge,
+.table-view-cell .navigate-right > .toggle,
+.table-view-cell .push-left > .btn,
+.table-view-cell .push-left > .badge,
+.table-view-cell .push-left > .toggle,
+.table-view-cell .push-right > .btn,
+.table-view-cell .push-right > .badge,
+.table-view-cell .push-right > .toggle,
+.table-view-cell > a .navigate-left > .btn,
+.table-view-cell > a .navigate-left > .badge,
+.table-view-cell > a .navigate-left > .toggle,
+.table-view-cell > a .navigate-right > .btn,
+.table-view-cell > a .navigate-right > .badge,
+.table-view-cell > a .navigate-right > .toggle,
+.table-view-cell > a .push-left > .btn,
+.table-view-cell > a .push-left > .badge,
+.table-view-cell > a .push-left > .toggle,
+.table-view-cell > a .push-right > .btn,
+.table-view-cell > a .push-right > .badge,
+.table-view-cell > a .push-right > .toggle {
+  right: 15px;
+}
+
 select,
 textarea,
 input[type="text"],

docs/assets/css/docs.min.css

@@ -455,6 +455,23 @@ a {
   }
 }
 
+// Table-views with buttons, badges and toggles
+// --------------------------------------------------
+.table-view-cell,
+.table-view-cell > a {
+  // Android has no cheverons so don't bump the buttons, badges, or toggles over.
+  .navigate-left,
+  .navigate-right,
+  .push-left,
+  .push-right {
+    > .btn,
+    > .badge,
+    > .toggle {
+      right: 15px;
+    }
+  }
+}
+
 // Forms
 // --------------------------------------------------