From: Stadly <magnar@myrtveit.com>
Date: Thu, 10 Nov 2016 09:59:50 +0000 (+0100)
Subject: Let buttons expand in Outlook
X-Git-Tag: v2.3.0~7^2~50^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F628%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Let buttons expand in Outlook

!important styles are ignored by Outlook when they are inlined. There
are no other rules that would override the width of the expanded
buttons, so it is not necessary to have it declared as !important.
Removing !important means that the style will be inlined as
style="width: 100%" instead of style="width: 100% !important". The
latter is ignored by Outlook, while the first one works and makes the
button expand. Ref:
https://www.campaignmonitor.com/blog/email-marketing/2010/05/outlook-2007-and-the-inline-important-declaration/
---

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index f6d841b2..81005184 100755
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -145,7 +145,7 @@ table.button.large {
 
 table.button.expand,
 table.button.expanded {
-  width: 100% !important;
+  width: 100%;
 
   table {
     width: 100%;