From 47ed7da2609a82287e993bbd6ac24ea43e869af8 Mon Sep 17 00:00:00 2001
From: aronmal <aron@mal-noh.de>
Date: Tue, 11 Apr 2023 18:19:52 +0200
Subject: [PATCH] Fixed amount styling

---
 leaky-ships/styles/App.scss | 33 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/leaky-ships/styles/App.scss b/leaky-ships/styles/App.scss
index e162bf7..5241e6f 100644
--- a/leaky-ships/styles/App.scss
+++ b/leaky-ships/styles/App.scss
@@ -304,6 +304,22 @@ body {
     width: 128px;
 
     .container {
+      width: initial;
+      position: relative;
+
+      &.amount::after {
+        content: var(--amount);
+        position: absolute;
+        top: -8px;
+        right: -16px;
+        color: black;
+        background-color: white;
+        border: 1px solid black;
+        border-radius: 8px;
+        font-size: 16px;
+        padding: 2px 8px;
+      }
+
       img {
         width: 64px;
         padding: 8px;
@@ -311,23 +327,6 @@ body {
         background-color: white;
         border-radius: 1rem;
       }
-
-      &.amount {
-        position: relative;
-
-        &::after {
-          content: var(--amount);
-          position: absolute;
-          top: -6px;
-          right: -6px;
-          color: black;
-          background-color: white;
-          border: 1px solid black;
-          border-radius: 8px;
-          font-size: 16px;
-          padding: 2px 8px;
-        }
-      }
     }
 
     span {