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 810051845b821dcf5828e3327311cb975c178590..a96e79b8899ba4812aeade5b54611c5ac094c5d3 100755 (executable)
--- 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,