Increase email logo width

MTES-MCT · Oct 24, 2023 · f31b658 · f31b658
1 parent 7055d45
commit f31b658
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 12 deletions.
diff --git a/envergo/templates/emails/base_inlined.html b/envergo/templates/emails/base_inlined.html
@@ -204,14 +204,12 @@
                           align="center">
                         <img src="https://envergo.beta.gouv.fr/static/images/logo_mte.png"
                              alt="Ministère de la Transition Écologique"
-                             width="120"
+                             width="160"
                              border="0"
                              class=""
                              style="border: none;
                                     -ms-interpolation-mode: bicubic;
-                                    max-width: 100%;
-                                    display: block;
-                                    width: 100%">
+                                    display: block">
                       </td>
                     </tr>
                   </table>

diff --git a/envergo/templates/emails/base_tpl.html b/envergo/templates/emails/base_tpl.html
@@ -37,7 +37,9 @@
         border-collapse: separate;
         mso-table-lspace: 0pt;
         mso-table-rspace: 0pt;
-        width: 100%; }
+        width: 100%;
+      }
+
       table td {
         font-family: Arial, sans-serif;
         font-size: 16px;
@@ -97,6 +99,7 @@
         text-align: left;
         width: 100%;
       }
+
       .footer td,
       .footer p,
       .footer span,
@@ -105,8 +108,8 @@
         font-size: 12px;
         text-align: left;
       }
-      .signature p {
-      }
+
+      .signature p {}
 
       /* -------------------------------------
           TYPOGRAPHY
@@ -139,6 +142,7 @@
         margin: 0;
         margin-bottom: 15px;
       }
+
       p li,
       ul li,
       ol li {
@@ -156,17 +160,23 @@
       ------------------------------------- */
       .btn {
         box-sizing: border-box;
-        width: 100%; }
-      .btn > tbody > tr > td {
-        padding-bottom: 15px; }
+        width: 100%;
+      }
+
+      .btn>tbody>tr>td {
+        padding-bottom: 15px;
+      }
+
       .btn table {
         width: auto;
       }
+
       .btn table td {
         background-color: #ffffff;
         border-radius: 5px;
         text-align: center;
       }
+
       .btn a {
         background-color: #ffffff;
         border: solid 1px #3498db;
@@ -259,6 +269,7 @@
           font-size: 28px !important;
           margin-bottom: 10px !important;
         }
+
         table.body p,
         table.body ul,
         table.body ol,
@@ -267,28 +278,35 @@
         table.body a {
           font-size: 16px !important;
         }
+
         table.body .wrapper,
         table.body .article {
           padding: 10px !important;
         }
+
         table.body .content {
           padding: 0 !important;
         }
+
         table.body .container {
           padding: 0 !important;
           width: 100% !important;
         }
+
         table.body .main {
           border-left-width: 0 !important;
           border-radius: 0 !important;
           border-right-width: 0 !important;
         }
+
         table.body .btn table {
           width: 100% !important;
         }
+
         table.body .btn a {
           width: 100% !important;
         }
+
         table.body .img-responsive {
           height: auto !important;
           max-width: 100% !important;
@@ -303,6 +321,7 @@
         .ExternalClass {
           width: 100%;
         }
+
         .ExternalClass,
         .ExternalClass p,
         .ExternalClass span,
@@ -311,6 +330,7 @@
         .ExternalClass div {
           line-height: 100%;
         }
+
         .apple-link a {
           color: inherit !important;
           font-family: inherit !important;
@@ -319,6 +339,7 @@
           line-height: inherit !important;
           text-decoration: none !important;
         }
+
         #MessageViewBody a {
           color: inherit;
           text-decoration: none;
@@ -327,15 +348,16 @@
           font-weight: inherit;
           line-height: inherit;
         }
+
         .btn-primary table td:hover {
           background-color: #34495e !important;
         }
+
         .btn-primary a:hover {
           background-color: #34495e !important;
           border-color: #34495e !important;
         }
       }
-
     </style>
   </head>
   <body>
@@ -363,7 +385,7 @@
                       <td class="align-center">
                         <img src="https://envergo.beta.gouv.fr/static/images/logo_mte.png"
                              alt="Ministère de la Transition Écologique"
-                             width="120"
+                             width="160"
                              border="0"
                              class=""
                              style="display: block;