seed code input styles

diff --git a/resources/js/components/rounds/SeedCodeInput.js b/resources/js/components/rounds/SeedCodeInput.js
index 03dd6820179e64bfde4134b6abffb5ecb6875fed..95ef7888697900bc77963b5b5594ef59954a1907 100644 (file)
--- 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 2d19cc438c34cfd81cb5cf54ace48b31506578e4..907d6e946425c5fb9d1d12ad26e5f00d3901bd76 100644 (file)
--- 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;
+       }
+}