From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Thu, 17 Mar 2022 18:24:14 +0000 (+0100)
Subject: better seed code legibility
X-Git-Url: https://git.localhorst.tv/?a=commitdiff_plain;h=2daab77f3b549a6c88c4d1949b994e38dd6bd80f;p=alttp.git

better seed code legibility
---

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;
 }