Skip to content

Commit 0ebfbcd

Browse files
fix(website): fix messed up display of icons for actions (#6391)
Fixed icons which used to have inconsisent spacing <img width="599" height="131" alt="image" src="https://github.com/user-attachments/assets/e9b56e59-2ac4-4399-9564-6e02094a7340" /> Co-authored-by: Claude <noreply@anthropic.com>
1 parent b5cda62 commit 0ebfbcd

2 files changed

Lines changed: 25 additions & 23 deletions

File tree

website/src/components/SequenceDetailsPage/RevokeButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ const InnerRevokeButton: FC<RevokeSequenceEntryProps> = ({
4949

5050
return (
5151
<Button
52-
className='btn btn-sm bg-red-400'
52+
className='btn btn-sm bg-red-400'
5353
onClick={() =>
5454
displayRevocationDialog({
5555
dialogText: 'Are you sure you want to create a revocation for this sequence?',

website/src/components/SequenceDetailsPage/SequenceDataUI.tsx

Lines changed: 24 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -93,31 +93,33 @@ export const SequenceDataUI: FC<Props> = ({
9393
Only visible to group members
9494
</div>
9595

96-
{isRestricted && (
97-
<EditDataUseTermsButton
96+
<div className='flex flex-wrap gap-3'>
97+
{isRestricted && (
98+
<EditDataUseTermsButton
99+
clientConfig={clientConfig}
100+
accessToken={accessToken}
101+
accessionVersion={[accessionVersion.split('.')[0]]}
102+
dataUseTerms={currentDataUseTerms as RestrictedDataUseTerms}
103+
/>
104+
)}
105+
106+
<a
107+
href={routes.editPage(organism, {
108+
accession: accessionVersion.split('.')[0],
109+
version: parseInt(accessionVersion.split('.')[1], 10),
110+
})}
111+
className='btn btn-sm'
112+
>
113+
Revise this sequence
114+
</a>
115+
<RevokeButton
116+
organism={organism}
98117
clientConfig={clientConfig}
118+
accessionVersion={accessionVersion.split('.')[0]}
99119
accessToken={accessToken}
100-
accessionVersion={[accessionVersion.split('.')[0]]}
101-
dataUseTerms={currentDataUseTerms as RestrictedDataUseTerms}
120+
groupId={groupId}
102121
/>
103-
)}
104-
105-
<a
106-
href={routes.editPage(organism, {
107-
accession: accessionVersion.split('.')[0],
108-
version: parseInt(accessionVersion.split('.')[1], 10),
109-
})}
110-
className='btn btn-sm mr-3'
111-
>
112-
Revise this sequence
113-
</a>
114-
<RevokeButton
115-
organism={organism}
116-
clientConfig={clientConfig}
117-
accessionVersion={accessionVersion.split('.')[0]}
118-
accessToken={accessToken}
119-
groupId={groupId}
120-
/>
122+
</div>
121123
</div>
122124
</>
123125
)}

0 commit comments

Comments
 (0)