fixed auto width of buttons issues

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 85c90a4009641f1f0c88f5471ec07dfc91ecc122..c949dd22d6c8e87f6b8b59461564f5e8f5da00b0 100755 (executable)
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -64,7 +64,6 @@ table.button {
   table {
 
     td {
-      width: auto !important;
       text-align: left;
       color: $button-color;
       background: $button-background;

diff --git a/test/visual/pages/button-inky.html b/test/visual/pages/button-inky.html
index 06602a8066b3a46611bc3603c55c3a6ed251cec1..0bb50a69b423870b79317eefcc77bfcf714bffb3 100644 (file)
--- a/test/visual/pages/button-inky.html
+++ b/test/visual/pages/button-inky.html
@@ -6,7 +6,9 @@
 <container>
   <row>
     <columns small="12" large="12">
+      <center>
       <button href="http://zurb.com" class="tiny" href="http://zurb.com">I am a tiny button</button>
+      </center>
     </columns>
   </row>
   <row>

diff --git a/test/visual/pages/button.html b/test/visual/pages/button.html
index b3af5ef2116fe425c2f27b6410fe62a177df8fd8..bda3f229d0a67d46fd67c6950931ba269a5d0df6 100644 (file)
--- a/test/visual/pages/button.html
+++ b/test/visual/pages/button.html
@@ -12,7 +12,7 @@
                 <table>
                   <tr>
                     <td>
-                      <a href="https://zurb.com">I am a large button</a>
+                      <a href="https://zurb.com" style="width: 100% !important;">I am a large button</a>
                     </td>
                   </tr>
                 </table>
@@ -20,6 +20,7 @@
             </tr>
           </table>
 
+
         </th>
       </tr>
     </table>