From 5dedbc0889c5ef012af6404b6a9a6675233d3c3d Mon Sep 17 00:00:00 2001
From: Suraj Shetty <surajshetty3416@gmail.com>
Date: Wed, 13 Jan 2021 15:58:07 +0530
Subject: [PATCH] fix: Update energy points summary style

---
 frappe/public/scss/email.scss                 | 20 +++++++++---
 .../emails/energy_points_summary.html         | 32 +++++++++----------
 2 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/frappe/public/scss/email.scss b/frappe/public/scss/email.scss
index f773d7fe52..d4699d541c 100644
--- a/frappe/public/scss/email.scss
+++ b/frappe/public/scss/email.scss
@@ -207,16 +207,28 @@ hr {
 	color: $text-muted !important;
 }
 
-.text-regular {
-	font-size: 14px;
+.text-small {
+	font-size: 12px;
 }
 
 .text-medium {
 	font-size: 13px;
 }
 
-.text-small {
-	font-size: 12px;
+.text-regular {
+	font-size: 14px;
+}
+
+.text-lg {
+	font-size: 16px;
+}
+
+.text-xl {
+	font-size: 18px;
+}
+
+.text-2xl {
+	font-size: 20px;
 }
 
 .text-bold {
diff --git a/frappe/templates/emails/energy_points_summary.html b/frappe/templates/emails/energy_points_summary.html
index 3cbc6e97cb..25b284c7f4 100644
--- a/frappe/templates/emails/energy_points_summary.html
+++ b/frappe/templates/emails/energy_points_summary.html
@@ -1,6 +1,7 @@
 {% if top_performer.energy_points %}
-<h3>{{ _('Top Performer') }} 🏆 </h3>
-<p> {{ frappe.get_fullname(top_performer.user) }}
+<h1 class="text-2xl">{{ _('Top Performer') }}</h1>
+<p>
+	<span class="text-2xl"> 🏆 </span> {{ frappe.get_fullname(top_performer.user) }}
 	<span class="text-muted">
 		{{ _('gained {0} points').format(frappe.utils.cint(top_performer.energy_points)) }}
 	</span>
@@ -8,36 +9,35 @@
 {% endif %}
 
 {% if top_reviewer.given_points %}
-<h3>{{ _('Top Reviewer') }} ❤️ </h3>
-<p> {{ frappe.get_fullname(top_reviewer.user) }}
+<h1 class="text-xl">{{ _('Top Reviewer') }}</h1>
+<p>
+	<span class="text-2xl"> ❤️ </span> {{ frappe.get_fullname(top_reviewer.user) }}
 	<span class="text-muted">
 		{{ _('gave {0} points').format(frappe.utils.cint(top_reviewer.given_points)) }}
 	</span>
 </p>
-
-<hr style='margin: 20px 0px'>
 {% endif %}
 
 
-<h3>{{ _('Standings') }} ({{ _('Top {0}').format(standings|length) }}) </h3>
+<h3 class="text-regular" style="margin-top: 35px">{{ _('Standings') }} ({{ _('Top {0}').format(standings|length) }}) </h3>
 
 <table class='table table-bordered'>
-	<tr>
-		<th> # </th>
-		<th style='width: 70%'>{{ _('User') }}</th>
-		<th style='width: 15%'>{{ _('Energy Points') }}</th>
-		<th style='width: 15%'>{{ _('Points Given') }}</th>
+	<tr class="text-muted text-medium">
+		<td> # </td>
+		<td style='width: 70%'>{{ _('User') }}</td>
+		<td style='width: 15%'>{{ _('Energy Points') }}</td>
+		<td style='width: 15%'>{{ _('Points Given') }}</td>
 	</tr>
 	{% for user in standings %}
-	<tr>
+	<tr class="text-small">
 		<td>{{ loop.index }}</td>
 		<td>{{ frappe.get_fullname(user.user) }}</td>
-		<td>{{ frappe.utils.cint(user.energy_points) }}</td>
-		<td>{{ frappe.utils.cint(user.given_points) }}</td>
+		<td class="text-muted">{{ frappe.utils.cint(user.energy_points) }}</td>
+		<td class="text-muted">{{ frappe.utils.cint(user.given_points) }}</td>
 	</tr>
 	{% endfor %}
 </table>
 
-<p class="text-muted">
+<p class="text-muted text-medium">
 	{{ footer_message }}
 </p>
\ No newline at end of file