Align "choose file" in load JSON group to center

Rian8337 · Sep 7, 2023 · 454bbc0 · 454bbc0
1 parent ef71125
commit 454bbc0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 13 deletions.
diff --git a/src/components/groups/main/LoadJsonGroup.css b/src/components/groups/main/LoadJsonGroup.css
@@ -1,10 +1,5 @@
 .load-json-form {
-    width: 25%;
-    margin: 0 auto;
     margin-top: 0.5em;
-}
-
-.load-json-form-submit-container {
     text-align: center;
 }
 

diff --git a/src/components/groups/main/LoadJsonGroup.tsx b/src/components/groups/main/LoadJsonGroup.tsx
@@ -240,14 +240,12 @@ export default function LoadJsonGroup() {
                 encType="multipart/form-data"
             >
                 <input type="file" accept=".json" name="jsonFile" />
-
-                <div className="load-json-form-submit-container">
-                    <input
-                        className="load-json-form-submit"
-                        type="submit"
-                        value="Load"
-                    />
-                </div>
+                <br />
+                <input
+                    className="load-json-form-submit"
+                    type="submit"
+                    value="Load"
+                />
             </form>
         </Group>
     );