From 75951b15b6f61268c223906b60babf414c01cc2d Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Tue, 25 Oct 2022 14:37:44 +0200
Subject: [PATCH] seed code input styles

---
 resources/js/components/rounds/SeedCodeInput.js |  6 +++---
 resources/sass/rounds.scss                      | 10 ++++++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

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