Use more minimalisti design - no background, align left

mozilla · Dec 2, 2024 · 0d518e6 · 0d518e6
1 parent 98a5d2f
commit 0d518e6
Showing 1 changed file with 5 additions and 12 deletions.
diff --git a/pontoon/messaging/templates/messaging/emails/notification_digest.html b/pontoon/messaging/templates/messaging/emails/notification_digest.html
@@ -27,10 +27,6 @@
             width: 100%;
         }
 
-        td {
-            text-align: center;
-        }
-
         a {
             text-decoration: none;
         }
@@ -40,10 +36,6 @@
             height: auto;
         }
 
-        table.outer {
-            background-color: #f6f6f6;
-        }
-
         table.inner {
             max-width: 600px;
             padding: 70px 0;
@@ -55,6 +47,7 @@
 
         .logo {
             padding-bottom: 30px;
+            text-align: right;
         }
 
         .title {
@@ -73,18 +66,18 @@
             font-size: 12px;
             color: #888888;
             margin-top: 20px;
-            padding-top: 10px;
+            padding-top: 20px;
         }
 
         /* Notifications */
         .notifications {
-            background-color: #ffffff;
             font-size: 15px;
             padding: 0;
             text-align: left;
         }
 
         .notifications ul {
+            border-bottom: 1px solid #ededed;
             list-style-type: none;
             margin: 0;
             padding: 0;
@@ -95,11 +88,11 @@
         }
 
         .notifications li.horizontal-separator {
-            border-top: 1px solid #f6f6f6;
+            border-top: 1px solid #ededed;
         }
 
         .notifications li .item-content {
-            padding: 10px;
+            padding: 10px 0;
         }
 
         .notifications li .item-content .message {