Bug visualization on samsung s6/s6 email app

[metalgigio]

I'm italian so i'm sorry for my english.
I've discovered that hybrid template have an ugly right band when viewing on samsung s6/s7 email app.
I've made some test and i've also discovered that changing:

html,
body {
            margin: 0 !important;
            padding: 0 !important;
            height: 100% !important;
            width: 100% !important;
        }

to

html,
body {
            padding: 0 !important;
            height: 100% !important;
            width: 100% !important;
        }

solved the issue.
Hope it can help

[TedGoas]

@metalgigio thanks so much for flagging this? Any chance you have before / after screenshots?

[TedGoas]

@metalgigio Thanks so much for uncovering a bug. I don't have a samsung s6/s7 email app to test on. I tested the code above but found that it breaks the margins on the Android 4.4 stock email browser. Have you experienced this?

[metalgigio]

Hi,
i will post a screenshot asap.

[metalgigio]

Before:

After:

[TedGoas]

@metalgigio thanks for pointing this out. I did some testing and found only resetting the body margin is necessary, so I separated html and body resets. Please let me know if your issue persists.

[metalgigio]

Hi, the solution u provide did not solve the bad visualizzation on s6/s7.

[TedGoas]

@metalgigio Does this code fix it on your device?

Change this:
html, body { margin: 0 !important; padding: 0 !important; height: 100% !important; width: 100% !important; }

to this:
body { margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important; }

[metalgigio]

Yes, it works.
i've even tried this code that works correctly too:

html, body { margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important; }