From f1e7c9e8be6403dc4e2c48674f3c26072b2f21d6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Viktor=20R=C3=A5dberg?= Date: Fri, 22 Sep 2023 13:22:26 +0200 Subject: [PATCH] better difference shape --- src/Components/LifeCounter/Health.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/Components/LifeCounter/Health.tsx b/src/Components/LifeCounter/Health.tsx index c87724f..164fb5d 100644 --- a/src/Components/LifeCounter/Health.tsx +++ b/src/Components/LifeCounter/Health.tsx @@ -84,10 +84,13 @@ export const RecentDifference = styled.span` top: 40%; left: 50%; transform: translate(-50%, -50%); + min-width: 15vmin; text-shadow: none; + text-align: center; + background-color: rgba(255, 255, 255, 0.6); font-variant-numeric: tabular-nums; - border-radius: 50%; + border-radius: 10vmin; padding: 5px 10px; font-size: 8vmin; color: #333333;