inline css in html emails

Author: bluetom

templates/email_html_body.mustache

@@ -77,12 +77,12 @@
         "unsubscribediscussionlink": "https://example.com/mod/discussion/subscribe.php?id=2&d=2"
     }
 }}
-<table class="moodleoverflowpost border-0 p-1">
+<table class="moodleoverflowpost" style="border:none;">
     <tr class="header">
-        <td class="picture left w-25 align-top">
+        <td class="picture left" style="vertical-align:top; width:35px; padding:3px;">
             {{{ authorpicture }}}
         </td>
-        <td class="topic {{#firstpost}}starter{{/firstpost}}">
+        <td class="topic {{#firstpost}}starter{{/firstpost}}" style="padding:3px;">
             <div class="subject">
                 {{{ subject }}}
             </div>
@@ -97,15 +97,15 @@
         </td>
     </tr>
     <tr>
-        <td class="left side align-top">
+        <td class="left side" style="vertical-align:top; padding:3px;">
             {{#grouppicture}}
                 {{{ grouppicture }}}
             {{/grouppicture}}
             {{^grouppicture}}
                 &nbsp;
             {{/grouppicture}}
         </td>
-        <td class="content">
+        <td class="content" style="padding:3px;">
             {{{ message }}}
 
             <div class="commands">

templates/email_rejected_html.mustache

@@ -101,12 +101,12 @@
 <hr/>
 <br>
 
-<table class="border-0 p-1 moodleoverflowpost">
+<table class="moodleoverflowpost" style="border:none;">
     <tr class="header">
-        <td class="picture left align-top w-25">
+        <td class="picture left" style="vertical-align:top; width:35px; padding:3px;">
             {{{ authorpicture }}}
         </td>
-        <td class="topic {{#firstpost}}starter{{/firstpost}}">
+        <td class="topic {{#firstpost}}starter{{/firstpost}}"  style="padding:3px;">
             <div class="subject">
                 {{{subject}}}
             </div>
@@ -121,15 +121,15 @@
         </td>
     </tr>
     <tr>
-        <td class="left side align-top">
+        <td class="left side" style="vertical-align:top; padding:3px;">
             {{#grouppicture}}
                 {{{grouppicture}}}
             {{/grouppicture}}
             {{^grouppicture}}
                 &nbsp;
             {{/grouppicture}}
         </td>
-        <td class="content">
+        <td class="content" style="padding:3px;">
             {{{message}}}
         </td>
     </tr>

templates/email_review_needed_html.mustache

@@ -89,12 +89,12 @@
 
 <a href="{{{permalink}}}"><h3>{{#str}}review_needed, mod_moodleoverflow{{/str}}</h3></a>
 
-<table class="moodleoverflowpost b-0 p-1">
+<table class="moodleoverflowpost" style="border:none;">
     <tr class="header">
-        <td class="picture left w-25 align-top">
+        <td class="picture left" style="vertical-align:top; width:35px; padding:3px;">
             {{{ authorpicture }}}
         </td>
-        <td class="topic {{#firstpost}}starter{{/firstpost}}">
+        <td class="topic {{#firstpost}}starter{{/firstpost}}" style="padding:3px;">
             <div class="subject">
                 {{{ subject }}}
             </div>
@@ -109,15 +109,15 @@
         </td>
     </tr>
     <tr>
-        <td class="left side align-top">
+        <td class="left side" style="vertical-align:top; padding:3px;">
             {{#grouppicture}}
                 {{{ grouppicture }}}
             {{/grouppicture}}
             {{^grouppicture}}
                 &nbsp;
             {{/grouppicture}}
         </td>
-        <td class="content">
+        <td class="content" style="padding:3px;">
             {{{ message }}}
             <div class="link">
                 <a target="_blank" href="{{{ permalink }}}">