From: Kevin Ball <kmball11@gmail.com>
Date: Mon, 21 Mar 2016 23:45:47 +0000 (-0700)
Subject: Fix min-width calculation for center tags.  Fixes bug #185
X-Git-Tag: v2.0.0~15
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e0b3601db75dec8c7e277aab5e94a47f91c1a9b8;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Fix min-width calculation for center tags.  Fixes bug #185
---

diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss
index 324805e5..1fe6e2af 100755
--- a/scss/grid/_grid.scss
+++ b/scss/grid/_grid.scss
@@ -113,7 +113,7 @@ th.column {
 @for $i from 1 through $grid-column-count {
   td.large-#{$i} center,
   th.large-#{$i} center {
-    min-width: -zf-grid-calc-px($i, $grid-column-count, $global-width);
+    min-width: -zf-grid-calc-px($i, $grid-column-count, $global-width) - ($global-gutter * 2);
   }
 }
 
diff --git a/test/visual/pages/center-width.html b/test/visual/pages/center-width.html
new file mode 100644
index 00000000..87d3c275
--- /dev/null
+++ b/test/visual/pages/center-width.html
@@ -0,0 +1,29 @@
+<!-- From https://github.com/zurb/foundation-emails/issues/185 -->
+<table class="container">
+  <tbody><tr>
+    <td>
+      <table class="row ">
+      <tbody><tr class="">
+        <th class="columns first last small-12 large-12 ">
+            <center>
+            <p class="text-center">
+              Sample text
+            </p>
+            </center>
+        </th>
+      </tr>
+      </tbody></table>
+      <table class="row collapse">
+      <tbody><tr class="">
+        <th class="columns first last small-12 large-12 ">
+            <center>
+            <p class="text-center">
+              Sample text
+            </p>
+            </center>
+        </th>
+      </tr>
+      </tbody></table>
+    </td>
+  </tr></tbody>
+</table>