fixes expanded button example

diff --git a/docs/pages/button.md b/docs/pages/button.md
index f8a19445dee480c226c563ab8898d4bd0ff0efa6..2240bcb6da048d30814fee36e7e086f23c67fae1 100644 (file)
--- a/docs/pages/button.md
+++ b/docs/pages/button.md
@@ -35,12 +35,12 @@ Don't forget the `href=""` ;)
 
 ## Expanded
 
-To create an expanded button (full width of it's container), add the class `.expanded` to the outer `<table>` of the button, and wrap a `<center>` tag around the `<a>`.
+To create an expanded button (full width of it's container), add the class `.expand` to the outer `<table>` of the button, and wrap a `<center>` tag around the `<a>`.
 
-In Inky HTML, add the `.expanded` class to the `<button>` tag.
+In Inky HTML, add the `.expand` class to the `<button>` tag.
 
 ```inky_example
-<button href="zurb.com" class="expanded">Expanded Button</button>
+<button href="zurb.com" class="expand">Expanded Button</button>
 ```
 
 ---

diff --git a/test/visual/pages/block-inky.html b/test/visual/pages/block-inky.html
index 9ebec42433c1541cd9aff630cef2475e18a9d9c3..5ebf97facb6cd5855d0d166f0ffe7e8e44c4d717 100644 (file)
--- a/test/visual/pages/block-inky.html
+++ b/test/visual/pages/block-inky.html
@@ -1,3 +1,10 @@
+<style>
+  .block-grid p {
+    background: dodgerblue;
+    text-align: center !important;
+  }
+</style>
+
 <container>
   <block-grid up="2">
     <td><p>one</p></td>

diff --git a/test/visual/pages/button-expanded-inky.html b/test/visual/pages/button-expanded-inky.html
index 96924da8db40bca807e299871f031537236c20ad..d616894c0703ba0533c693e72269a06052190ec9 100644 (file)
--- a/test/visual/pages/button-expanded-inky.html
+++ b/test/visual/pages/button-expanded-inky.html
@@ -1,46 +1,46 @@
 <container>
   <row>
     <columns small="12" large="6">
-      <button href="zurb.com" class="expand">button</button>
+      <button href="#" class="expand">button</button>
     </columns>
     <columns small="12" large="6">
-      <button href="zurb.com" class="expand">example text 2</button>
+      <button href="#" class="expand">example text 2</button>
     </columns>
   </row>
 
   <row>
     <columns small="6" large="6">
-      <button href="zurb.com" class="expand">button</button>
+      <button href="#" class="expand">button</button>
     </columns>
     <columns small="6" large="6">
-      <button href="zurb.com" class="expand">example text 2</button>
+      <button href="#" class="expand">example text 2</button>
     </columns>
   </row>
 
   <row>
     <columns small="12" large="3">
-      <button href="zurb.com" class="expand">button</button>
+      <button href="#" class="expand">button</button>
     </columns>
     <columns small="12" large="9">
-      <button href="zurb.com" class="expand">example text 2</button>
+      <button href="#" class="expand">example text 2</button>
     </columns>
   </row>
 
   <row>
     <columns small="12" large="4">
-      <button href="zurb.com" class="expand">button</button>
+      <button href="#" class="expand">button</button>
     </columns>
     <columns small="12" large="8">
-      <button href="zurb.com" class="expand">example text 2</button>
+      <button href="#" class="expand">example text 2</button>
     </columns>
   </row>
 
   <row>
     <columns small="4" large="4">
-      <button href="zurb.com" class="small expand">button</button>
+      <button href="#" class="small expand">button</button>
     </columns>
     <columns small="6" large="8">
-      <button href="zurb.com" class="small expand">example text 2</button>
+      <button href="#" class="small expand">example text 2</button>
     </columns>
   </row>
 </container>
\ No newline at end of file