We have HTML formatted notifications that look like this when previewed or when viewed in Outlook when on a Mac-
This same style of formatting though for the 99% of our users using Outlook on PC, look like this-
The right side margins are very thin, and the notification ends up looking terrible. Below is the HTML coding on the notification that is in use here, but does anyone know how to resolve the formatting issue so this looks like it does in the preview in Outlook for PC? And no, converting everyone to a Mac is not an option :). No luck searching on MS so far.
<h1 ${mail_script:element.inline_style.generator.title}>
Request Task, noted below, has new work notes.
</h1>
${mail_script:element.inline_style.generator.empty_string}
<p ${mail_script:element.inline_style.generator.text}>
Hello ${assigned_to.first_name},
</p>
${mail_script:element.inline_style.generator.empty_string}
<p ${mail_script:element.inline_style.generator.text}>
The Request Task, noted below, has new work notes.
</p>
${mail_script:element.inline_style.generator.empty_string}
<h2 ${mail_script:element.inline_style.generator.subtitle}>
Details
</h2>
<table ${mail_script:element.inline_style.generator.table}>
<tbody>
<tr ${mail_script:element.inline_style.generator.tr}>
<th ${mail_script:element.inline_style.generator.th}>Number</th>
<td ${mail_script:element.inline_style.generator.td}>${URI_REF}</td>
</tr>
<tr ${mail_script:element.inline_style.generator.tr}>
<th ${mail_script:element.inline_style.generator.th}>Short Description</th>
<td ${mail_script:element.inline_style.generator.td}>${short_description}</td>
</tr>
<tr ${mail_script:element.inline_style.generator.tr}>
<th ${mail_script:element.inline_style.generator.th}>Assignment Group</th>
<td ${mail_script:element.inline_style.generator.td}>${assignment_group}</td>
</tr>
<tr ${mail_script:element.inline_style.generator.tr}>
<th ${mail_script:element.inline_style.generator.th}>Opened</th>
<td ${mail_script:element.inline_style.generator.td}>${opened_at}</td>
</tr>
<tr ${mail_script:element.inline_style.generator.tr}>
<th ${mail_script:element.inline_style.generator.th}>Request Item Number</th>
<td ${mail_script:element.inline_style.generator.td}>${request_item}</td>
</tr>
<tr ${mail_script:element.inline_style.generator.tr}>
<th ${mail_script:element.inline_style.generator.th}>Work notes</th>
<td ${mail_script:element.inline_style.generator.td}>${work_notes}</td>
</tr>
</tbody>
</table>
${mail_script:element.inline_style.generator.empty_string}
<p ${mail_script:element.inline_style.generator.text}>
Please review the details of the Request Task and take the appropriate action, you can do so by clicking the number above.
</p>
${mail_script:element.inline_style.generator.empty_string}
