Update <button> output to support new expanded button syntax

lib/componentFactory.js

@@ -31,6 +31,11 @@ module.exports = function(element) {
         inner = format('<a href="%s">%s</a>', component.attr('href'), inner);
       }
 
+      // If the button is expanded, it needs a <center> tag around the content
+      if (component.hasClass('expand')) {
+        inner = '<center>' + inner + '</center>';
+      }
+
       // The .button class is always there, along with any others on the <button> element
       var classes = ['button'];
       if (component.attr('class')) {

lib/inky.js

@@ -1,6 +1,5 @@
-var extend  = require('util')._extend;
-var format  = require('util').format;
-var values  = require('object-values');
+var extend = require('util')._extend;
+var values = require('object-values');
 
 module.exports = Inky;
 

test/components.js

@@ -22,10 +22,10 @@ describe('Button', () => {
 
   it('creates a button with classes', () => {
     var input = `
-      <button class="small alert expand" href="http://zurb.com">Button</button>
+      <button class="small alert" href="http://zurb.com">Button</button>
     `;
     var expected = `
-      <table class="button small alert expand">
+      <table class="button small alert">
         <tr>
           <td>
             <table>
@@ -40,6 +40,29 @@ describe('Button', () => {
 
     compare(input, expected);
   });
+
+  it('creates a correct expanded button', () => {
+    var input = `
+      <button class="expand" href="http://zurb.com">Button</button>
+    `;
+    var expected = `
+      <table class="button expand">
+        <tr>
+          <td>
+            <table>
+              <tr>
+                <td>
+                  <center><a href="http://zurb.com">Button</a></center>
+                </td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+      </table>
+    `;
+
+    compare(input, expected);
+  });
 });
 
 describe('Menu', () => {