From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Tue, 25 Oct 2022 12:37:44 +0000 (+0200)
Subject: seed code input styles
X-Git-Url: https://git.localhorst.tv/?a=commitdiff_plain;h=75951b15b6f61268c223906b60babf414c01cc2d;p=alttp.git

seed code input styles
---

diff --git a/resources/js/components/rounds/SeedCodeInput.js b/resources/js/components/rounds/SeedCodeInput.js
index 03dd682..95ef788 100644
--- a/resources/js/components/rounds/SeedCodeInput.js
+++ b/resources/js/components/rounds/SeedCodeInput.js
@@ -88,7 +88,7 @@ const SeedCodeInput = ({
 			.map(code => ({ code, label: i18n.t(`icon.zelda.${code}`)}))
 			.sort((a, b) => a.label.localeCompare(b.label));
 		return <div
-			className={`${className} seed-code-input-alttpr`}
+			className={`${className} seed-code-input game-alttpr`}
 		>
 			{[0, 1, 2, 3, 4].map(num =>
 				<Form.Select
@@ -108,7 +108,7 @@ const SeedCodeInput = ({
 	}
 	if (game === 'smr') {
 		return <div
-			className={`${className} seed-code-input-smr`}
+			className={`${className} seed-code-input game-smr`}
 		>
 			{[0, 1, 2, 3].map(num =>
 				<Form.Select
@@ -127,7 +127,7 @@ const SeedCodeInput = ({
 		</div>;
 	}
 	return <div
-		className={`${className} seed-code-input-default`}
+		className={`${className} seed-code-input`}
 	>
 		{[0, 1, 2, 3, 4].map(num =>
 			<Form.Control
diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index 2d19cc4..907d6e9 100644
--- a/resources/sass/rounds.scss
+++ b/resources/sass/rounds.scss
@@ -66,3 +66,13 @@
 		}
 	}
 }
+
+.seed-code-input {
+	border: none;
+	padding: 0;
+
+	&.game-smr {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+	}
+}