JSFiddle - React, Tailwind, and code Playground
by Craig Haywood
HTML
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div>
<p></p>
<table cellpadding="5" style="border: 1px inset rgb(253, 201, 141); color: rgb(0, 0, 0); width: 100%; max-width: 600px; table-layout: fixed; text-align: justify; font-family: Arial, Helvetica, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; background: rgb(255, 243, 229);">
<tbody>
<tr>
<td style="padding: 15px;" class="">
<p style="text-align: center;" class="current">
<span style="color: rgb(255, 0, 102);">There is a new comment on your Ticket (#{{ticket.id}}).</span>
<br>
<a href="{{ticket.url}}" target="" style="">
<span style="color: rgb(0, 204, 255);">{{ticket.url}}</span>
</a>
<span style="color: rgb(255, 0, 102); font-size: 14px;">
<a href="https://fiddle.jshell.net/_display/{{ticket.url}}" style="color: dodgerblue;">
<br>
</a>
</span>
</p>
<hr class="current" style="color: orangered;">
<span style="color: rgb(0, 0, 0);">
<b>Please Note:</b> All tickets are marked as resolved when a new comment is added, however the ticket will remain open for another 48 hours. </span>
<span style="color: orangered;" class="current"> Should you feel it is not resolved, you may simply reply to it at the URL above to mark it as unresolved. </span>
<span...