fix(email): small design issues

src/notifications/base/footer.hbs

@@ -11,7 +11,7 @@
     </mj-column>
 
     <mj-column  vertical-align="middle" >
-      <mj-image src="{{baseUrl}}/assets/logo-territoire.png" alt="logo-territoire" height="100px">
+      <mj-image src="{{baseUrl}}/assets/logo-territoire.png" alt="logo-territoire">
       </mj-image>
     </mj-column>
 

src/notifications/base/header.hbs

 <mj-section css-class="background" padding="17px" align="center">
   <mj-social
     css-class="button-with-icon"
-    icon-size="30px"
+    icon-size="36px"
     mode="horizontal"
     font-size="24px"
     font-family="Lato"
@@ -16,4 +16,4 @@
       Du nouveau dans mon espace ecolyo
     </mj-social-element>
   </mj-social>
-</mj-section>
+</mj-section>
\ No newline at end of file

src/notifications/consumptionLimit.hbs

@@ -25,7 +25,7 @@
 
     <mj-section background-color="#121212">
       <mj-column>
-        <mj-social css-class="button-with-icon" icon-size="30px" mode="horizontal" font-size="20px" font-weight="700" font-family="Lato">
+        <mj-social css-class="button-with-icon" icon-size="36px" mode="horizontal" font-size="20px" font-weight="700" font-family="Lato">
           <mj-social-element src="{{baseUrl}}/assets/ecolyo-icon.png" name="ecolyo" padding="0 10px 0 0" href="{{clientUrl}}">
             Voir dans Ecolyo
           </mj-social-element>

src/notifications/monthlyReport.hbs

@@ -39,7 +39,7 @@
     </mj-section>
     <mj-section  background-color="#121212">
       <mj-column>
-        <mj-social css-class="button-with-icon" icon-size="30px" mode="horizontal" font-size="20px" font-weight="700" font-family="Lato">
+        <mj-social css-class="button-with-icon" icon-size="36px" mode="horizontal" font-size="20px" font-weight="700" font-family="Lato">
           <mj-social-element src="{{baseUrl}}/assets/ecolyo-icon.png" name="ecolyo" padding="0 10px 0 0" href="{{clientUrl}}">
             Voir mon bilan
           </mj-social-element>
@@ -73,10 +73,12 @@
       </mj-column>
     </mj-section>
 
+    <mj-section background-color="black">
     {{#> base/footer}}
     {{/base/footer}}
     {{#> base/unsubscribe}}
     {{/base/unsubscribe}}
+    </mj-section>
   </mj-body>
 </mjml>
 

src/notifications/welcome.hbs

@@ -80,7 +80,7 @@
 
     <mj-section background-color="#1B1C22">
       <mj-column>
-        <mj-social css-class="button-with-icon" icon-size="30px" mode="horizontal" font-size="20px" font-weight="700" font-family="Lato">
+        <mj-social css-class="button-with-icon" icon-size="36px" mode="horizontal" font-size="20px" font-weight="700" font-family="Lato">
           <mj-social-element src="{{baseUrl}}/assets/ecolyo-icon.png" name="ecolyo" padding="0 10px 0 0" href="{{clientUrl}}">
             J'ouvre mon Ecolyo
           </mj-social-element>

src/targets/services/monthlyReportNotification.ts

@@ -73,12 +73,12 @@ const buildConsumptionText = async (client: Client) => {
         text +=
           '<span class="elec-text">+' +
           (value * 100).toFixed(2) +
-          " % d'électricité </span>"
+          "&nbsp;%&nbsp;d'électricité</span>"
       } else {
         text +=
           '<span class="elec-text">' +
           (value * 100).toFixed(2) +
-          " % d'électricité </span>"
+          "&nbsp;%&nbsp;d'électricité</span>"
       }
     }
   }
@@ -96,12 +96,12 @@ const buildConsumptionText = async (client: Client) => {
         text +=
           '<span class="gas-text">+' +
           (value * 100).toFixed(2) +
-          ' % de gaz</span>'
+          '&nbsp;%&nbsp;de&nbsp;gaz</span>'
       } else {
         text +=
           '<span class="gas-text">' +
           (value * 100).toFixed(2) +
-          ' % de gaz</span>'
+          '&nbsp;%&nbsp;de&nbsp;gaz</span>'
       }
     }
   }
@@ -117,12 +117,12 @@ const buildConsumptionText = async (client: Client) => {
         text +=
           '<span class="water-text">+' +
           (value * 100).toFixed(2) +
-          " % d'eau</span>"
+          "&nbsp;%&nbsp;d'eau</span>"
       } else {
         text +=
           '<span class="water-text">' +
           (value * 100).toFixed(2) +
-          " % d'eau</span>"
+          "&nbsp;%&nbsp;d'eau</span>"
       }
     }
   }