Attempt to fix template for rendering logos for Outlook/O365

Seems Outlook/O365 couldn't handle our floating images, and nobody
pointed it out :) And since using tables for layouts really is a thing
still, do that instead and it seems to work now.

Author: mhagander

templates/news/mail/pgproject.html

@@ -3,11 +3,13 @@
 {%block title%}{{news.title}}{%endblock%}
 
 {%block content%}
-<div>
-  <img style="float: left; width: 50px" height="50" width="50" src="cid:slonik.png" alt="PostgreSQL logo">
-  <img style="float: right; width: 50px" height="50" width="50" src="cid:slonik.png" alt="PostgreSQL logo">
-  <h1>{{news.title}}</h1>
-</div>
+<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width: 100%;">
+<tr>
+  <td><img style="width: 50px; height: 50px;" height="50" width="50" src="cid:slonik.png" alt="PostgreSQL logo"></td>
+  <td style="text-align: center;"><h1>{{news.title}}</h1></td>
+  <td><img style="width: 50px; height: 50px;" height="50" width="50" src="cid:slonik.png" alt="PostgreSQL logo"></td>
+</tr>
+</table>
 {{news.content|markdown}}
 {%endblock%}