Wider content area in emails

templates/emails/base.html

@@ -98,11 +98,11 @@
     <tr>
         <td bgcolor="#F2F4F6" align="center">
             <!--[if (gte mso 9)|(IE)]>
-            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
+            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
             <tr>
-            <td align="center" valign="top" width="500">
+            <td align="center" valign="top" width="600">
             <![endif]-->
-            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="wrapper">
+            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" class="wrapper">
                 <tr>
                     <td align="center" valign="top" style="padding: 15px 0;" class="logo">
                         <a href="{% site_root %}" target="_blank">
@@ -121,11 +121,11 @@
     <tr>
         <td bgcolor="#ffffff" align="center" style="padding: 50px 15px 70px 15px;" class="section-padding">
             <!--[if (gte mso 9)|(IE)]>
-            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
+            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
             <tr>
-            <td align="center" valign="top" width="500">
+            <td align="center" valign="top" width="600">
             <![endif]-->
-            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table">
+            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" class="responsive-table">
                 <tr>
                     <td>
                         <!-- HERO IMAGE -->
@@ -184,11 +184,11 @@
     <tr>
         <td bgcolor="#ffffff" align="center" style="padding: 20px 0px;">
             <!--[if (gte mso 9)|(IE)]>
-            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
+            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
             <tr>
-            <td align="center" valign="top" width="500">
+            <td align="center" valign="top" width="600">
             <![endif]-->
-            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 500px;" class="responsive-table">
+            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 600px;" class="responsive-table">
                 <tr>
                     <td align="center" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;">
                         © 2018 {% escaped_site_name %}. All rights reserved.
@@ -205,4 +205,4 @@
     </tr>
 </table>
 </body>
-</html>
+</html>