From c20f84cf0426209397ca52eb610af2c01a67fb96 Mon Sep 17 00:00:00 2001
From: Ellen Kraffmiller <ekraffmiller@hmdc.harvard.edu>
Date: Thu, 3 Oct 2024 13:36:28 -0400
Subject: [PATCH] fix: Publish Button layout

---
 src/sections/collection/Collection.module.scss | 6 ++++++
 src/sections/collection/Collection.tsx         | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/sections/collection/Collection.module.scss b/src/sections/collection/Collection.module.scss
index 25af1b00f..dc776bdbd 100644
--- a/src/sections/collection/Collection.module.scss
+++ b/src/sections/collection/Collection.module.scss
@@ -11,6 +11,12 @@
   gap: 10px;
 }
 
+.action-buttons {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 10px;
+}
+
 .subtext {
   color: $dv-subtext-color;
 }
diff --git a/src/sections/collection/Collection.tsx b/src/sections/collection/Collection.tsx
index 58e006f50..0db7f0916 100644
--- a/src/sections/collection/Collection.tsx
+++ b/src/sections/collection/Collection.tsx
@@ -68,7 +68,7 @@ export function Collection({
               </Alert>
             )}
             {!collection.isReleased && canUserPublishCollection && (
-              <div className={styles.container}>
+              <div className={styles['action-buttons']}>
                 <PublishCollectionButton
                   repository={collectionRepository}
                   collectionId={collection.id}