From f6f72fa23b01137229ae2f52b75d60e52aa306a8 Mon Sep 17 00:00:00 2001
From: Nathan LeRoy <NLeRoy917@gmail.com>
Date: Thu, 11 Jan 2024 12:12:39 -0500
Subject: [PATCH] move edit meta form save buttons to the end for consistency

---
 .../components/forms/edit-project-meta.tsx    | 40 ++++++++++---------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/web/src/components/forms/edit-project-meta.tsx b/web/src/components/forms/edit-project-meta.tsx
index a3da235f..4b310e8d 100644
--- a/web/src/components/forms/edit-project-meta.tsx
+++ b/web/src/components/forms/edit-project-meta.tsx
@@ -153,25 +153,27 @@ export const ProjectMetaEditForm: FC<Props> = ({
           )}
         />
       </div>
-      <button
-        onClick={() => {
-          onCancel();
-          resetForm();
-        }}
-        type="button"
-        className="btn btn-outline-dark me-1"
-      >
-        Cancel
-      </button>
-      <button
-        onClick={() => mutation.mutate()}
-        id="metadata-save-btn"
-        disabled={(!isDirty && isValid) || mutation.isPending}
-        type="button"
-        className="btn btn-success me-1"
-      >
-        {mutation.isPending ? 'Saving...' : 'Save'}
-      </button>
+      <div className="d-flex flex-row align-items-center justify-content-end">
+        <button
+          onClick={() => {
+            onCancel();
+            resetForm();
+          }}
+          type="button"
+          className="btn btn-outline-dark me-1"
+        >
+          Cancel
+        </button>
+        <button
+          onClick={() => mutation.mutate()}
+          id="metadata-save-btn"
+          disabled={(!isDirty && isValid) || mutation.isPending}
+          type="button"
+          className="btn btn-success me-1"
+        >
+          {mutation.isPending ? 'Saving...' : 'Save'}
+        </button>
+      </div>
     </form>
   );
 };