@clink/emails 1.2.4 → 1.2.5

package/dist/html/supplier/order-reservations-cancelled/da.html

@@ -141,7 +141,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -154,8 +154,49 @@
                   
       <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
       0px;">Hej {{ catering.contact.name }},</p>
+            <p style="line-height: 24px; margin: 16px
+      0px;">Ordre {{ catering_order.id8digit }} med forbehold, til {{#if catering_order.deliveryTypeBool}}levering{{else}}afhentning{{/if}} den {{ catering_order.selectedDate }}, er blevet afvist og ordren er annulleret 🚫</p></div>
+    
+                </td>
+              </tr>
+            
+        </tbody>
+      </table>
+    
+      </div>
+    
+          <!--[if mso | IE]></td></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        
+      </div>
+    
+      
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    
+      
+      <div style="margin:0px auto;max-width:600px;">
+        
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;padding-left:16px;padding-right:16px;padding-top:10px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:568px;" ><![endif]-->
+            
+      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color:#FFF5E1;border-radius:8px;vertical-align:top;border-collapse:separate;" width="100%">
+        <tbody>
+          
+              <tr>
+                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                  
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p class="small" style="margin: 16px
+      0px; line-height: 1;"><b style="line-height: 24px;">Dine forbehold</b></p>
       <p style="line-height: 24px; margin: 16px
-      0px;">Kunden har afvist forbeholdene for ordre #{{ catering_order.id8digit }}. Ordren er derfor annulleret.</p></div>
+      0px;"><i style="line-height: 24px;">{{ catering_order.reservations }}</i></p></div>
     
                 </td>
               </tr>
@@ -182,7 +223,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-top:10px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -191,11 +232,19 @@
         <tbody>
           
               <tr>
-                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Ordre</b> #{{ catering_order.id8digit }}<br>
-      <b style="line-height: 24px;">Dato:</b> {{ catering_order.selectedDate }}</p></div>
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:100%;line-height:100%;">
+        <tbody>
+          <tr>
+            <td align="center" bgcolor="#11141A" role="presentation" style="border:none;border-radius:999px;cursor:auto;mso-padding-alt:18px 25px;background:#11141A;" valign="middle">
+              <a href="{{{ catering_order.approvalUrl }}}" style="display: inline-block; background: #11141A; color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; text-decoration: none; text-transform: none; padding: 18px 25px; mso-padding-alt: 0px; border-radius: 999px;" target="_blank">
+                Se afvist ordre
+              </a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     
                 </td>
               </tr>
@@ -222,7 +271,50 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+            
+      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+        <tbody>
+          
+              <tr>
+                <td align="center" style="font-size:0px;padding:16px 0px 8px 0px;word-break:break-word;">
+                  
+      <p style="line-height: 24px; border-top: solid 1px #dadada; font-size: 1px; margin: 0px auto; width: 100%;">
+      </p>
+      
+      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dadada;font-size:1px;margin:0px auto;width:600px;" role="presentation" width="600px" ><tr><td style="height:0;line-height:0;"> &nbsp;
+</td></tr></table><![endif]-->
+    
+    
+                </td>
+              </tr>
+            
+        </tbody>
+      </table>
+    
+      </div>
+    
+          <!--[if mso | IE]></td></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        
+      </div>
+    
+      
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    
+      
+      <div style="margin:0px auto;max-width:600px;">
+        
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -233,10 +325,10 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Forbehold</b></p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">{{{ catering_order.reservations }}}</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p class="small" style="margin: 16px
+      0px; line-height: 1;"><font size="4"><b style="line-height: 24px;">Har du brug for hjælp?</b></font></p>
+            <p style="line-height: 24px; margin: 16px
+      0px;">Kontakt Nuento på support@nuento.dk eller <a href="tel:+4560636259" style="line-height: 24px; text-decoration: underline;">60 63 62 59</a>.</p></div>
     
                 </td>
               </tr>

package/dist/html/supplier/order-reservations-cancelled/en.html

@@ -141,7 +141,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -154,8 +154,49 @@
                   
       <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
       0px;">Hi {{ catering.contact.name }},</p>
+            <p style="line-height: 24px; margin: 16px
+      0px;">Order {{ catering_order.id8digit }} with reservations, for {{#if catering_order.deliveryTypeBool}}delivery{{else}}pickup{{/if}} on {{ catering_order.selectedDate }}, has been declined and the order is cancelled 🚫</p></div>
+    
+                </td>
+              </tr>
+            
+        </tbody>
+      </table>
+    
+      </div>
+    
+          <!--[if mso | IE]></td></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        
+      </div>
+    
+      
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    
+      
+      <div style="margin:0px auto;max-width:600px;">
+        
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;padding-left:16px;padding-right:16px;padding-top:10px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:568px;" ><![endif]-->
+            
+      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color:#FFF5E1;border-radius:8px;vertical-align:top;border-collapse:separate;" width="100%">
+        <tbody>
+          
+              <tr>
+                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                  
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p class="small" style="margin: 16px
+      0px; line-height: 1;"><b style="line-height: 24px;">Your reservations</b></p>
       <p style="line-height: 24px; margin: 16px
-      0px;">The customer has declined the reservations for order #{{ catering_order.id8digit }}. The order has therefore been cancelled.</p></div>
+      0px;"><i style="line-height: 24px;">{{ catering_order.reservations }}</i></p></div>
     
                 </td>
               </tr>
@@ -182,7 +223,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-top:10px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -191,11 +232,19 @@
         <tbody>
           
               <tr>
-                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Order</b> #{{ catering_order.id8digit }}<br>
-      <b style="line-height: 24px;">Date:</b> {{ catering_order.selectedDate }}</p></div>
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:100%;line-height:100%;">
+        <tbody>
+          <tr>
+            <td align="center" bgcolor="#11141A" role="presentation" style="border:none;border-radius:999px;cursor:auto;mso-padding-alt:18px 25px;background:#11141A;" valign="middle">
+              <a href="{{{ catering_order.approvalUrl }}}" style="display: inline-block; background: #11141A; color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; text-decoration: none; text-transform: none; padding: 18px 25px; mso-padding-alt: 0px; border-radius: 999px;" target="_blank">
+                View declined order
+              </a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     
                 </td>
               </tr>
@@ -222,7 +271,50 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+            
+      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+        <tbody>
+          
+              <tr>
+                <td align="center" style="font-size:0px;padding:16px 0px 8px 0px;word-break:break-word;">
+                  
+      <p style="line-height: 24px; border-top: solid 1px #dadada; font-size: 1px; margin: 0px auto; width: 100%;">
+      </p>
+      
+      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dadada;font-size:1px;margin:0px auto;width:600px;" role="presentation" width="600px" ><tr><td style="height:0;line-height:0;"> &nbsp;
+</td></tr></table><![endif]-->
+    
+    
+                </td>
+              </tr>
+            
+        </tbody>
+      </table>
+    
+      </div>
+    
+          <!--[if mso | IE]></td></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        
+      </div>
+    
+      
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    
+      
+      <div style="margin:0px auto;max-width:600px;">
+        
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -233,10 +325,10 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Reservations</b></p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">{{{ catering_order.reservations }}}</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p class="small" style="margin: 16px
+      0px; line-height: 1;"><font size="4"><b style="line-height: 24px;">Need help?</b></font></p>
+            <p style="line-height: 24px; margin: 16px
+      0px;">Contact Nuento at support@nuento.dk or <a href="tel:+4560636259" style="line-height: 24px; text-decoration: underline;">60 63 62 59</a>.</p></div>
     
                 </td>
               </tr>
@@ -319,9 +411,9 @@
                   
       <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><b style="line-height: 24px;">Sent from</b>
             <br>
-            Nuento Denmark ApS, CVR 39000725
+            Nuento · nuento.co.uk
             <br>
-            Lundeborgvej 4, 9220 Aalborg</div>
+            Operated by Nuento Denmark</div>
     
                 </td>
               </tr>

package/dist/html/supplier/order-reservations-confirmed/da.html

@@ -141,7 +141,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -154,8 +154,8 @@
                   
       <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
       0px;">Hej {{ catering.contact.name }},</p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">Kunden har godkendt forbeholdene for ordre #{{ catering_order.id8digit }}.</p></div>
+            <p style="line-height: 24px; margin: 16px
+      0px;">Ordre {{ catering_order.id8digit }} med forbehold er bekræftet af kunden ✅</p></div>
     
                 </td>
               </tr>
@@ -193,9 +193,13 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Ordre</b> #{{ catering_order.id8digit }}<br>
-      <b style="line-height: 24px;">Dato:</b> {{ catering_order.selectedDate }}</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;">{{#if catering_order.deliveryTypeBool}}
+            <p style="line-height: 24px; margin: 16px
+      0px;"><font size="3"><b style="line-height: 24px;">Leveres {{ catering_order.selectedDate }}</b></font></p>
+            {{else}}
+            <p style="line-height: 24px; margin: 16px
+      0px;"><font size="3"><b style="line-height: 24px;">Afhentes {{ catering_order.selectedDate }}</b></font></p>
+            {{/if}}</div>
     
                 </td>
               </tr>
@@ -214,9 +218,7 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
-        {{#if catering_order.deliveryTypeBool}}
-          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
     
       
       <div style="margin:0px auto;max-width:600px;">
@@ -224,19 +226,21 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;padding-left:16px;padding-right:16px;padding-top:10px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:568px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
         
-      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color:#FFF5E1;border-radius:8px;vertical-align:top;border-collapse:separate;" width="100%">
         <tbody>
           
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">Levering fra kl. {{ catering_order.deliveryFromConfirmedTime }}</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p class="small" style="margin: 16px
+      0px; line-height: 1;"><b style="line-height: 24px;">Dine forbehold</b></p>
+      <p style="line-height: 24px; margin: 16px
+      0px;"><i style="line-height: 24px;">{{{ catering_order.reservations }}}</i></p></div>
     
                 </td>
               </tr>
@@ -255,9 +259,7 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
-        {{/if}}
-          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
     
       
       <div style="margin:0px auto;max-width:600px;">
@@ -265,7 +267,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-top:10px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -274,12 +276,19 @@
         <tbody>
           
               <tr>
-                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Forbehold</b></p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">{{{ catering_order.reservations }}}</p></div>
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:100%;line-height:100%;">
+        <tbody>
+          <tr>
+            <td align="center" bgcolor="#11141A" role="presentation" style="border:none;border-radius:999px;cursor:auto;mso-padding-alt:18px 25px;background:#11141A;" valign="middle">
+              <a href="{{{ catering_order.url }}}" style="display: inline-block; background: #11141A; color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; text-decoration: none; text-transform: none; padding: 18px 25px; mso-padding-alt: 0px; border-radius: 999px;" target="_blank">
+                Se ordre
+              </a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     
                 </td>
               </tr>
@@ -315,20 +324,56 @@
         <tbody>
           
               <tr>
-                <td align="left" class="btn-link" style="font-size:0px;padding:10px 25px;word-break:break-word;">
+                <td align="center" style="font-size:0px;padding:16px 0px 8px 0px;word-break:break-word;">
                   
-      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-        <tbody>
-          <tr>
-            <td align="center" bgcolor="#FA3232" role="presentation" style="border:none;border-radius:999px;cursor:auto;mso-padding-alt:10px 25px;background:#FA3232;" valign="middle">
-              <a href="{{{ catering_order.url }}}" style="background-color: #FA3232; align: left; display: inline-block; background: #FA3232; color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; text-decoration: none; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 999px;" target="_blank">
-                Se ordren
-              </a>
-            </td>
-          </tr>
+      <p style="line-height: 24px; border-top: solid 1px #dadada; font-size: 1px; margin: 0px auto; width: 100%;">
+      </p>
+      
+      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dadada;font-size:1px;margin:0px auto;width:600px;" role="presentation" width="600px" ><tr><td style="height:0;line-height:0;"> &nbsp;
+</td></tr></table><![endif]-->
+    
+    
+                </td>
+              </tr>
+            
         </tbody>
       </table>
     
+      </div>
+    
+          <!--[if mso | IE]></td></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        
+      </div>
+    
+      
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    
+      
+      <div style="margin:0px auto;max-width:600px;">
+        
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+            
+      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+        <tbody>
+          
+              <tr>
+                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                  
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p class="small" style="margin: 16px
+      0px; line-height: 1;"><font size="4"><b style="line-height: 24px;">Har du brug for hjælp?</b></font></p>
+            <p style="line-height: 24px; margin: 16px
+      0px;">Kontakt Nuento på support@nuento.dk eller <a href="tel:+4593406040" style="line-height: 24px; text-decoration: underline;">93 40 60 40</a> for spørgsmål eller ændringer til ordren.</p></div>
+    
                 </td>
               </tr>