From: Stadly <magnar@myrtveit.com>
Date: Fri, 9 Dec 2016 08:29:19 +0000 (+0100)
Subject: Fix button width in Outlook's "View in Browser"
X-Git-Tag: v2.4.0^2~16^2
X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F661%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Fix button width in Outlook's "View in Browser"

The grid rule

td.columns,
td.column,
th.columns,
th.column {
table:not(.button) {
width: 100%;
}
}

sets the inner table of buttons to `width: 100%`. This breaks the layout
when reading the email in IE by using the "View in Browser" feature in
Outlook. The wide inner table causes the buttons to break over multiple
lines. This fix sets the inner table to `width: auto` for non-expanded
buttons.
---

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 81005184..a96e79b8 100755
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -95,6 +95,10 @@ table.button {
   }
 }
 
+table.button:not(.expand):not(.expanded) table {
+  width: auto;
+}
+
 table.button:hover table tr td a,
 table.button:active table tr td a,
 table.button table tr td a:visited,