Add test for borders on buttons, fix margin bug on buttons

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index b4e9e764feb324126fc3c4c46406031b62948fd7..9b59e28e5a7e8abde680a3ffbee66c118f97f0aa 100755 (executable)
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -72,9 +72,9 @@ $button-padding-large: map-get($button-padding, large);
 
 table.button {
   width: auto !important;
+  Margin: $button-margin;
 
   table {
-    Margin-bottom: $button-margin;
 
     td {
       width: auto !important;

diff --git a/testing/src/pages/button-inky.html b/testing/src/pages/button-inky.html
index 3f665f62ee2b0fdf17d84a8354dc496f252c6eeb..b4cdae6dadc0f79fc4a5425c17ff135ff486374b 100644 (file)
--- a/testing/src/pages/button-inky.html
+++ b/testing/src/pages/button-inky.html
@@ -1,3 +1,8 @@
+<style>
+  .border {
+    border-bottom: 1px solid blue;
+  }
+</style>
 <container>
   <row>
     <columns small="12" large="12">
@@ -31,7 +36,7 @@
   </row>
   <row>
     <columns small="12" large="12">
-      <button class="alert" href="http://zurb.com">I alert</button>
+      <button class="alert border" href="http://zurb.com">I alert</button>
     </columns>
   </row>
   <row>
@@ -39,4 +44,4 @@
       <button class="expand">I expand</button>
     </columns>
   </row>
-</container>
\ No newline at end of file
+</container>