Mjml: Button padding missing in Outlook

[outlandnish]

In version 2.3.0, it looks like padding isn't being added to <mj-button>.

On Gmail / Inbox, it renders fine:

On Outlook, it used to render fine but now renders like this:

[g0ddish]

It looks ok in 2016 but all other outlooks are broken, I will take a look.
Here is MJML to reliably reproduce this bug.

<mjml>
  <mj-body>
    <mj-container>
      <mj-section>
        <mj-column>

          <mj-button background-color="#F63A4D" inner-padding="50px" href="#">
            Promotion
          </mj-button>
        </mj-column>
      </mj-section>
    </mj-container>
  </mj-body>
</mjml>

[g0ddish]

The padding is being applied to the anchor tag and not the parent td holding it, I swapped them and the button retains the padding on all clients (litmus).

PR #331 has a fix for this, thanks 😸

[255kb]

Hi, thanks for the fix @g0ddish
@iRyusa any ETA for a 2.3.1 mentioned in #331 ?

[iRyusa]

It should be around next week~

[255kb]

ok thanks!

[iRyusa]

2.3.1 has been released for a while now, but try it live on mjml.io is not up to date.