From 1909fb2a66e23b77af17e152ddb179b22640f259 Mon Sep 17 00:00:00 2001
From: Juan M <jm@guide42.com>
Date: Tue, 1 Aug 2023 20:50:50 +0200
Subject: [PATCH] Make stats background white and thinner border

---
 src/components/Stats.js | 1 +
 src/styles/stats.css    | 9 +++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Stats.js b/src/components/Stats.js
index a9c6408..0b11ce9 100644
--- a/src/components/Stats.js
+++ b/src/components/Stats.js
@@ -14,6 +14,7 @@ function Stats({ stats, highlight }) {
             style={{
               paddingLeft: highlight !== statName && index === 0 ? '.5rem' : undefined,
               paddingRight: highlight !== statName && index + 1 === entries.length ? '.5rem' : undefined,
+              marginLeft: highlight && highlight !== statName ? '.5rem' : undefined,
             }}
           >
             <div className="stat-content">
diff --git a/src/styles/stats.css b/src/styles/stats.css
index 367c78a..3c052f5 100644
--- a/src/styles/stats.css
+++ b/src/styles/stats.css
@@ -1,8 +1,9 @@
 .stats {
   display: inline-block;
-  border: .5rem solid white;
+  border: .35rem solid white;
   border-radius: 1.62rem;
   margin-top: .4rem;
+  background-color: white;
 }
 
 .stats.highlighted {
@@ -10,13 +11,13 @@
 }
 
 .stats .stats-content {
-  margin: -.5rem;
+  margin: -.35rem;
   display: flex;
 }
 
 .stat {
-  padding: .5rem 0;
-  border: .5rem solid transparent;
+  padding: .35rem 0;
+  border: .35rem solid transparent;
   border-radius: 1.62rem;
   align-self: center;
 }