Merge pull request #1390 from IFRCGo/fix/flash-update-email-content-html

Modified flash update email content for non-donors

Author: szabozoltan69

notifications/templates/email/flash_update/flash_update.html

@@ -2,7 +2,7 @@
    <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
         <tr>
           <td align="center" class="pb-30" style="padding-bottom:30px;">
-            <table width="650" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
+            <table width="800" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
               <tr>
                 <td class="td td-shell" style="width: 650px;min-width: 650px;padding: 0;margin: 0;">
                   <table width="100%" border="0" cellspacing="0" cellpadding="0">
@@ -24,15 +24,22 @@
                       <td class="text-default table-heading-title pt-10 pb-10" style="padding-top: 10px;padding-bottom: 10px;text-transform: uppercase;font-weight: bold;">Graphics</td>
                     </tr>
                     <tr>
-                      <td class="text-default text-light pb-40" style="padding-bottom: 40px;font-weight: 300;">
+                        <td class="text-default text-light pb-40" style="padding-bottom: 40px;font-weight: 300;">
                         {% for map in map_list %}
                         <img class = 'flash-image' src="{{map.image}}" alt="image">
                         {% endfor %}
+                        </td>
+                    </tr>
 
+                    <tr>
+                        <td class="text-default table-heading-title pt-10 pb-10" style="padding-top: 10px;padding-bottom: 10px;text-transform: uppercase;font-weight: bold;">Maps</td>
+                    </tr>
+                    <tr>
+                        <td class="text-default text-light pb-40" style="padding-bottom: 40px;font-weight: 300;">
                         {% for graphic in graphic_list %}
                         <img class = 'flash-image'  src="{{graphic.image}}" alt="image">
                         {% endfor %}
-                      </td>
+                        </td>
                     </tr>
 
 
@@ -41,18 +48,22 @@
                             <td class="text-default table-heading-title pt-20 pb-10" style="color: #000000;font-family:'Lato', Arial, sans-serif;padding-top: 20px;padding-bottom: 10px;text-transform: uppercase;font-weight: bold;">Actions Taken by {{act_taken.organization_display}}</td>
                         </tr>
                         <tr>
-                        <td class="text-default text-light" style="font-weight: 300;size:12px;">Descriptions</td>
+                        <td class="text-default text-light" style="font-weight: 500;size:12px;">Descriptions</td>
                         </tr>
                         <tr>
-                        <td class="text-default" style="font-family:'Lato', Arial, sans-serif; padding-bottom: 40px;">{{act_taken.summary}}</td>
+                        <td class="text-default" style="font-family:'Lato', Arial, sans-serif; padding-bottom: 40px;">
+                            {% if act_taken.summary%}
+                            &nbsp&nbsp{{act_taken.summary}}
+                            {% endif %}
+                        </td>
                         </tr>
 
                         <tr>
-                            <td class="text-default text-light" style="font-weight: 300;size:12px;">Actions</td>
+                            <td class="text-default text-light" style="font-weight: 500;size:12px;">Actions</td>
                         </tr>
                             {% for action in act_taken.action_details %}
                                     <tr>
-                                        <td class="text-default" style="font-family:'Lato', Arial, sans-serif; padding-bottom: 40px; font-weight: bold;padding-left: 20px;">{{action.name}}</td>
+                                        <td class="text-default" style="font-family:'Lato', Arial, sans-serif; padding-bottom: 5px; font-weight: bold;padding-left: 20px;">{{action.name}}</td>
                                     </tr>
                             {%endfor%}
                     {% endfor %}

notifications/templates/email/flash_update/head.html

@@ -290,8 +290,8 @@
         margin: auto !important;
       }
       .flash-image {
-        width: 200px;
-        height: 200px;
+        width: 250px;
+        height: 250px;
         }
       .img-dref {
         background-image: url("./images/rc.svg");