From f14b3543868bdf886438486bc0eab77ddd9da74c Mon Sep 17 00:00:00 2001 From: Stadly Date: Fri, 9 Dec 2016 09:29:19 +0100 Subject: [PATCH] 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. --- scss/components/_button.scss | 4 ++++ 1 file changed, 4 insertions(+) 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, -- 2.47.2