From 17c52a515d795f61570ccec10c008331db136c3d Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Thu, 30 Nov 2017 12:24:07 -0500
Subject: [PATCH] fix incorrect padding/margin values in images in digest

---
 public/src/modules/helpers.js | 8 ++++----
 src/views/emails/digest.tpl   | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/src/modules/helpers.js b/public/src/modules/helpers.js
index 77a060ed7a..039eeb3250 100644
--- a/public/src/modules/helpers.js
+++ b/public/src/modules/helpers.js
@@ -210,14 +210,14 @@
 	function renderDigestAvatar(block) {
 		if (block.teaser) {
 			if (block.teaser.user.picture) {
-				return '<img style="vertical-align: middle; width: 16px; height: 16px; padding-right: 1em;" src="' + block.teaser.user.picture + '" title="' + block.teaser.user.username + '" />';
+				return '<img style="vertical-align: middle; width: 16px; height: 16px; padding-right: 8px;" src="' + block.teaser.user.picture + '" title="' + block.teaser.user.username + '" />';
 			}
-			return '<div style="width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 1em; background-color: ' + block.teaser.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block;">' + block.teaser.user['icon:text'] + '</div>';
+			return '<div style="width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 8px; background-color: ' + block.teaser.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block;">' + block.teaser.user['icon:text'] + '</div>';
 		}
 		if (block.user.picture) {
-			return '<img style="vertical-align: middle; width: 16px; height: 16px; padding-right: 1em;" src="' + block.user.picture + '" title="' + block.user.username + '" />';
+			return '<img style="vertical-align: middle; width: 16px; height: 16px; padding-right: 8px;" src="' + block.user.picture + '" title="' + block.user.username + '" />';
 		}
-		return '<div style="width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 1em; background-color: ' + block.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block;">' + block.user['icon:text'] + '</div>';
+		return '<div style="vertical-align: middle; width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 8px; background-color: ' + block.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block;">' + block.user['icon:text'] + '</div>';
 	}
 
 	function userAgentIcons(data) {
diff --git a/src/views/emails/digest.tpl b/src/views/emails/digest.tpl
index 2212d8cfda..38fba1232f 100644
--- a/src/views/emails/digest.tpl
+++ b/src/views/emails/digest.tpl
@@ -29,9 +29,9 @@
 							<li style="text-decoration: none; list-style-type: none; padding-bottom: 0.5em;">
 								<a href="{url}{notifications.path}">
 									<!-- IF notifications.image -->
-									<img style="vertical-align: middle; width: 16px; height: 16px; padding-right: 1em;" src="{notifications.image}" />
+									<img style="vertical-align: middle; width: 16px; height: 16px; padding-right: 8px;" src="{notifications.image}" />
 									<!-- ELSE -->
-									<div style="width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 1em; background-color: {notifications.user.icon:bgColor}; color: white; text-align: center; display: inline-block;">{notifications.user.icon:text}</div>
+									<div style="vertical-align: middle; width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 8px; background-color: {notifications.user.icon:bgColor}; color: white; text-align: center; display: inline-block;">{notifications.user.icon:text}</div>
 									<!-- ENDIF notifications.image -->
 									{notifications.bodyShort}
 								</a>