From 2daab77f3b549a6c88c4d1949b994e38dd6bd80f Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Thu, 17 Mar 2022 19:24:14 +0100
Subject: [PATCH] better seed code legibility

---
 resources/js/components/rounds/Item.js |  5 ++++-
 resources/sass/rounds.scss             | 11 ++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/rounds/Item.js b/resources/js/components/rounds/Item.js
index 78e3d1f..10549dd 100644
--- a/resources/js/components/rounds/Item.js
+++ b/resources/js/components/rounds/Item.js
@@ -24,7 +24,10 @@ const Item = ({
 		</p>
 		<p className="seed">
 			{round.code ?
-				<SeedCode code={round.code} />
+				<>
+					<SeedCode code={round.code} />
+					{' '}
+				</>
 			: null}
 			<SeedButton
 				round={round}
diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index f258d46..0afc0ae 100644
--- a/resources/sass/rounds.scss
+++ b/resources/sass/rounds.scss
@@ -16,19 +16,24 @@
 				font-size: 125%;
 			}
 
-			.seed-code {
-				margin: 1rem 0;
+			.seed-code, .btn {
+				margin-bottom: 1ex;
 			}
 		}
 	}
 }
 
 .seed-code {
-	display: flex;
+	display: inline-flex;
 	flex-direction: row;
 	flex-wrap: nowrap;
 	align-items: center;
 	align-content: center;
 	justify-content: flex-start;
 	gap: 0.5ex;
+	padding: 0.5ex;
+	border-radius: 0.5ex;
+	background: $dark;
+	color: $light;
+	vertical-align: middle;
 }
-- 
2.39.2