From: RafiBomb <rafi@zurb.com>
Date: Fri, 15 Apr 2016 15:37:18 +0000 (-0700)
Subject: fixes expanded button example
X-Git-Tag: v2.1.0~11
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4684258bbd1a818a737456014a683fe6da2594d3;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

fixes expanded button example
---

diff --git a/docs/pages/button.md b/docs/pages/button.md
index f8a19445..2240bcb6 100644
--- 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 9ebec424..5ebf97fa 100644
--- 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 96924da8..d616894c 100644
--- 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