From 4c4895edb3d20195bfd8a5fe7702c8de4ab78cb0 Mon Sep 17 00:00:00 2001
From: Uku Taht <uku.taht@gmail.com>
Date: Mon, 6 Dec 2021 15:18:17 +0200
Subject: [PATCH] Add spacing around percentages

Fixes #1513
---
 assets/js/dashboard/stats/modals/table.js | 2 +-
 assets/js/dashboard/stats/reports/list.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/js/dashboard/stats/modals/table.js b/assets/js/dashboard/stats/modals/table.js
index 517234a41..f97655e6b 100644
--- a/assets/js/dashboard/stats/modals/table.js
+++ b/assets/js/dashboard/stats/modals/table.js
@@ -43,7 +43,7 @@ class ModalTable extends React.Component {
         <td className="p-2 w-32 font-medium" align="right">
           {numberFormatter(tableItem.visitors)}
           {tableItem.percentage >= 0 &&
-            <span className="inline-block text-xs w-8 text-right">({tableItem.percentage}%)</span> }
+            <span className="inline-block text-xs w-8 pl-1 text-right">({tableItem.percentage}%)</span> }
         </td>
       </tr>
     )
diff --git a/assets/js/dashboard/stats/reports/list.js b/assets/js/dashboard/stats/reports/list.js
index c7e1ad0a5..63de8c737 100644
--- a/assets/js/dashboard/stats/reports/list.js
+++ b/assets/js/dashboard/stats/reports/list.js
@@ -104,7 +104,7 @@ export default class ListReport extends React.Component {
           {numberFormatter(listItem[this.valueKey()])}
           {
             listItem.percentage >= 0
-              ? <span className="inline-block w-8 text-xs text-right">({listItem.percentage}%)</span>
+              ? <span className="inline-block w-8 pl-1 text-xs text-right">({listItem.percentage}%)</span>
               : null
           }
         </span>