Fix mobile email rendering, drop all paddings on vertical screens

[codingjoe]

The style-tag was scrapping the styles block, which was misleading. Template blocks should probably wrap DOM not CSS, especially with the naming. @amureki you actually used it wrong in one project.

I also used a zero-width space, or zero byte char, instead of the space, to enable paddings on Outlook.

The vertical padding is gone, on vertical phones, since most email clients implement their own padding. We cannot drop the padding completly thanks to Mail on iOS, but we increased it to match iOS and look more deliberate in Gmail.

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (ad3722c) 100.00% compared to head (b7e650b) 100.00%.

Additional details and impacted files

@@            Coverage Diff            @@
##              main       #20   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files            4         4           
  Lines          172       172           
=========================================
  Hits           172       172           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[codingjoe]

@mostafa-anm I double-checked Outlook and Gmail.