Center "load" button in load JSON group

Rian8337 · Sep 7, 2023 · ef71125 · ef71125
1 parent 6e3d924
commit ef71125
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/components/groups/main/LoadJsonGroup.css b/src/components/groups/main/LoadJsonGroup.css
@@ -4,6 +4,10 @@
     margin-top: 0.5em;
 }
 
+.load-json-form-submit-container {
+    text-align: center;
+}
+
 .load-json-form-submit {
     margin-top: 0.5em;
     background-color: rgb(46, 46, 46, 0.8);

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