WP-774: FIx UI formatting issues

TACC · Jan 9, 2025 · 84b9f59 · 84b9f59
1 parent de51694
commit 84b9f59
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/...nents/Allocations/AllocationsModals/AllocationsTeamViewModal/AllocationsTeamViewModal.jsx b/...nents/Allocations/AllocationsModals/AllocationsTeamViewModal/AllocationsTeamViewModal.jsx
@@ -94,14 +94,14 @@ const AllocationsTeamViewModal = ({ isOpen, toggle }) => {
 
   return (
     <Modal isOpen={isOpen} toggle={toggle} size="lg" onClosed={resetCard}>
-      <ModalHeader className="has-MuiTabs" toggle={toggle} charCode="&#xe912;">
+      <ModalHeader className="pe-3 has-MuiTabs" toggle={toggle} charCode="&#xe912;">
         <Tabs
           style={{ marginBottom: '-8px' }}
           value={selectedTab}
           onChange={handleTabChange}
         >
           <Tab style={{ width: '160px', color: '#222222' }} label="View Team" />
-          {isManager && <Tab label="Manage Team" />}
+          {isManager && <Tab style={{ width: '160px', color: '#222222' }} label="Manage Team" />}
         </Tabs>
       </ModalHeader>
       <ModalBody className={selectedTab === 0 ? 'd-flex p-0' : 'pb-0'}>

diff --git a/client/src/components/_common/TextCopyField/TextCopyField.jsx b/client/src/components/_common/TextCopyField/TextCopyField.jsx
@@ -53,7 +53,7 @@ const TextCopyField = ({ value, placeholder, displayField }) => {
             data-testid="textarea"
             readOnly
           />
-          <div className={styles['button-container']}>
+          <div className="input-group-text ms-auto p-0 my-2 bg-transparent border-0">
             <CopyToClipboard text={value}>
               <Button {...clipboardProps}>Copy</Button>
             </CopyToClipboard>