From 1aa77841d094338bc7f7e48c418f49e4a4f2fabd Mon Sep 17 00:00:00 2001
From: HF <hf@pixelplanet.fun>
Date: Sun, 14 Aug 2022 18:43:29 +0200
Subject: [PATCH] change table styles

---
 src/components/ModWatchtools.jsx | 6 ++++--
 src/components/Rankings.jsx      | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/ModWatchtools.jsx b/src/components/ModWatchtools.jsx
index d70a42c..502be67 100644
--- a/src/components/ModWatchtools.jsx
+++ b/src/components/ModWatchtools.jsx
@@ -367,11 +367,13 @@ function ModWatchtools() {
                         case 'user': {
                           const seperator = val.lastIndexOf(',');
                           if (seperator === -1) {
-                            return (<td>{val}</td>);
+                            return (<td><span>{val}</span></td>);
                           }
                           return (
                             <td title={val.slice(seperator + 1)}>
-                              {val.slice(0, seperator)}
+                              <span>
+                                {val.slice(0, seperator)}
+                              </span>
                             </td>
                           );
                         }
diff --git a/src/components/Rankings.jsx b/src/components/Rankings.jsx
index 8cfc012..6dfc56a 100644
--- a/src/components/Rankings.jsx
+++ b/src/components/Rankings.jsx
@@ -64,7 +64,7 @@ const Rankings = () => {
             ? totalDailyRanking.map((rank) => (
               <tr key={rank.name}>
                 <td>{rank.dailyRanking}</td>
-                <td>{rank.name}</td>
+                <td><span>{rank.name}</span></td>
                 <td>{rank.dailyTotalPixels}</td>
                 <td>{rank.ranking}</td>
                 <td>{rank.totalPixels}</td>
@@ -73,7 +73,7 @@ const Rankings = () => {
             : totalRanking.map((rank) => (
               <tr key={rank.name}>
                 <td>{rank.ranking}</td>
-                <td>{rank.name}</td>
+                <td><span>{rank.name}</span></td>
                 <td>{rank.totalPixels}</td>
                 <td>{rank.dailyRanking}</td>
                 <td>{rank.dailyTotalPixels}</td>