fix some styles

Author: neSpecc

workers/email/src/templates/components/backtrace.twig

@@ -19,10 +19,7 @@
         </div>
       </td>
       <td style="border-top-right-radius: 6px;border-top-left-radius: 0;border-bottom-right-radius: 6px;border-bottom-left-radius: 0; background-color: {{ frame.line == backtrace.line ? 'rgba(149, 61, 135, 0.3);' : 'unset' }}">
-        <div style="padding-top: 0;padding-right: 10px;margin-left: 20px;padding-bottom: 0; overflow: auto">
-          <font color="#969FB3"
-              style="font-size: 12px; line-height: 1.75; color: #969FB3; white-space: pre; text-overflow: clip">{{ frame.content | escape }}</font>
-        </div>
+        <pre style="padding-top: 0;padding-right: 10px;margin-left: 20px;padding-bottom: 0; overflow: auto"><font color="#969FB3" style="font-size: 12px; line-height: 1.75; color: #969FB3; white-space: pre; text-overflow: clip">{{ frame.content | escape }}</font></pre>
       </td>
     </tr>
   {% endfor %}

workers/email/src/templates/components/button.twig

@@ -1,8 +1,8 @@
 <a href="{{ href }}" style="text-decoration: none">
   <div style="padding-top: 12px;padding-right: 0;padding-left: 0;padding-bottom: 12px;background-color: #4979e4; border-radius: 4px; text-align: center">
     <font color="#dbe6ff"
-        style="font-size: 14.4px; font-weight: 500; color: #dbe6ff;">
-      {{ label }}
+        style="font-size: 14.4px; color: #dbe6ff;">
+      <b>{{ label }}</b>
     </font>
   </div>
 </a>

workers/email/src/templates/components/event.twig

@@ -1,10 +1,10 @@
 <tr>
-  <td style="display: block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 60px; border-width: 1px; border-color: #494f5e; border-style: solid; border-radius: 10px; color: #dbe6ff; text-decoration: none;">
+  <td style="display: block; padding-top: 13px; padding-right: 20px; padding-bottom: 13px; padding-left: 20px; margin-bottom: 60px; border-width: 1px; border-color: #494f5e; border-style: solid; border-radius: 10px; color: #dbe6ff; text-decoration: none;">
     <font color="#dbe6ff" style="font-size: 15px; letter-spacing: 0.4px; pointer-events: none;">
       <span style="display: block; padding-bottom: 15px;">
         {{ event.payload.title | escape }}
       </span>
     </font>
     {% include './event-info.twig' with {event: { daysRepeated: daysRepeated, event: {totalCount: event.totalCount}, usersAffected: event.usersAffected}} %}
   </td>
-</tr>
+</tr>

workers/email/src/templates/emails/event/html.twig

@@ -27,7 +27,7 @@
   </tr>
   <tr>
     <td>
-      <div class="event-title-block" style="padding: 20px; border-width: 1px; border-style: solid; border-color: #494F5E; border-radius: 10px;">
+      <div class="event-title-block" style="padding-top: 13px; padding-bottom: 13px; padding-left: 20px; padding-right: 20px; border-width: 1px; border-style: solid; border-color: #494F5E; border-radius: 10px;">
         <font class="event-title-block__font" color="#dbe6ff" style="font-size: 15px; line-height: 1.47; letter-spacing: 0.4px; color: #dbe6ff; text-decoration: none;">
           {{ event.payload.title | escape }}
         </font>