Make stats background white and thinner border

poap-xyz · Aug 1, 2023 · 1909fb2 · 1909fb2
1 parent 67116ce
commit 1909fb2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git 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
@@ -1,22 +1,23 @@
 .stats {
   display: inline-block;
-  border: .5rem solid white;
+  border: .35rem solid white;
   border-radius: 1.62rem;
   margin-top: .4rem;
+  background-color: white;
 }
 
 .stats.highlighted {
   border-color: #efeeff;
 }
 
 .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;
 }