Updating button elements so that they work correctly when given the button-block.

3 files changed, 17 insertions, 3 deletions

diff --git a/dist/ratchet.css b/dist/ratchet.css
index 2d5860c..cc029d2 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -813,6 +813,7 @@ select {
   padding: 11px 0 13px;
   margin-bottom: 10px;
   font-size: 16px;
+  width: 100%;
 }
 
 /* Active state for block level buttons */
@@ -820,6 +821,11 @@ select {
   padding: 12px 0;
 }
 
+/* Make button elements go full width when given .button-block class */
+button.button-block {
+  width: 100%;
+}
+
 /* Counts in buttons
 -------------------------------------------------- */
 
diff --git a/dist/ratchet.js b/dist/ratchet.js
index 084a559..e718e3c 100644
--- a/dist/ratchet.js
+++ b/dist/ratchet.js
@@ -117,12 +117,13 @@
     'slide-out' : 'slide-in',
     'fade'      : 'fade'
   };
+  
   var bars = {
     bartab             : '.bar-tab',
     bartitle           : '.bar-title',
     barfooter          : '.bar-footer',
     barheadersecondary : '.bar-header-secondary'
-  }
+  };
 
   var cacheReplace = function (data, updates) {
     PUSH.id = data.id;
@@ -509,7 +510,8 @@
   window.addEventListener('click', function (e) { if (getTarget(e)) e.preventDefault(); });
   window.addEventListener('popstate', popstate);
 
-}();/* ----------------------------------
+}();
+/* ----------------------------------
  * TABS v1.0.0
  * Licensed under The MIT License
  * http://opensource.org/licenses/MIT
@@ -579,7 +581,7 @@
   var scrollableArea;
 
   var getSlider = function (target) {
-    var i, sliders = document.querySelectorAll('.slider ul');
+    var i, sliders = document.querySelectorAll('.slider > ul');
     for (; target && target !== document; target = target.parentNode) {
       for (i = sliders.length; i--;) { if (sliders[i] === target) return target; }
     }
diff --git a/lib/css/buttons.css b/lib/css/buttons.css
index 153f559..c427692 100644
--- a/lib/css/buttons.css
+++ b/lib/css/buttons.css
@@ -88,6 +88,7 @@
   padding: 11px 0 13px;
   margin-bottom: 10px;
   font-size: 16px;
+  width: 100%;
 }
 
 /* Active state for block level buttons */
@@ -95,6 +96,11 @@
   padding: 12px 0;
 }
 
+/* Make button elements go full width when given .button-block class */
+button.button-block {
+  width: 100%;
+}
+
 /* Counts in buttons
 -------------------------------------------------- */