Make button content left aligned for short tag names

CruGlobal · Dec 12, 2024 · c905a0b · c905a0b
1 parent 3cac36c
commit c905a0b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/components/Contacts/MassActions/RemoveTags/MassActionsRemoveTagsModal.tsx b/src/components/Contacts/MassActions/RemoveTags/MassActionsRemoveTagsModal.tsx
@@ -34,6 +34,7 @@ interface MassActionsRemoveTagsModalProps {
 const ExistingTagButton = styled(Button)(() => ({
   textTransform: 'none',
   width: 'fit-content',
+  justifyContent: 'left',
 }));
 
 const SelectedTagButton = styled(Button)(() => ({

diff --git a/src/components/Task/MassActions/AddTags/MassActionsTasksAddTagsModal.tsx b/src/components/Task/MassActions/AddTags/MassActionsTasksAddTagsModal.tsx
@@ -47,6 +47,7 @@ const NewTagInstructions = styled(Typography)(() => ({
 const ExistingTagButton = styled(Button)(() => ({
   textTransform: 'none',
   width: 'fit-content',
+  justifyContent: 'left',
 }));
 
 const AddTagIcon = styled(Add)(() => ({

diff --git a/src/components/Task/MassActions/RemoveTags/MassActionsTasksRemoveTagsModal.tsx b/src/components/Task/MassActions/RemoveTags/MassActionsTasksRemoveTagsModal.tsx
@@ -39,6 +39,7 @@ interface MassActionsTasksRemoveTagsModalProps {
 const ExistingTagButton = styled(Button)(() => ({
   textTransform: 'none',
   width: 'fit-content',
+  justifyContent: 'left',
 }));
 
 const SelectedTagButton = styled(Button)(() => ({