style: align remove button on the right side

folio-org · Nov 9, 2023 · 632cc04 · 632cc04
1 parent da8a1c2
commit 632cc04
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/lib/Donors/Donors.css b/lib/Donors/Donors.css
@@ -0,0 +1,3 @@
+.donorUnassignButton {
+  margin-left: auto !important;
+}
diff --git a/lib/Donors/utils.js b/lib/Donors/utils.js
@@ -4,6 +4,8 @@ import {
   TextLink,
 } from '@folio/stripes/components';
 
+import css from './Donors.css';
+
 const getDonorUrl = (orgId) => {
   if (orgId) {
     return `/organizations/view/${orgId}`;
@@ -21,10 +23,10 @@ export const getDonorsFormatter = ({ canViewOrganizations, fields, intl }) => ({
   ...getDonorsListFormatter({ canViewOrganizations }),
   unassignDonor: donor => (
     <Button
-      align="end"
       aria-label={intl.formatMessage({ id: 'stripes-acq-components.donors.button.unassign' })}
       buttonStyle="fieldControl"
       type="button"
+      buttonClass={css.donorUnassignButton}
       onClick={(e) => {
         e.preventDefault();
         fields.remove(donor._index);