diff --git a/package.json b/package.json index e00c5ed..4360fef 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@poap-xyz/poap-family", - "version": "1.6.0", + "version": "1.6.1", "author": { "name": "POAP", "url": "https://poap.xyz" 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, }} >
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; }