Fix update notice styling.

This commit is contained in:
Mike Cao 2022-03-03 14:23:57 -08:00
parent 7f3b1087a1
commit 33c921a32f
2 changed files with 9 additions and 4 deletions

View File

@ -34,7 +34,7 @@ export default function UpdateNotice() {
values={{ version: `v${latest}` }} values={{ version: `v${latest}` }}
/> />
</div> </div>
<ButtonLayout> <ButtonLayout className={styles.buttons}>
<Button size="xsmall" variant="action" onClick={handleViewClick}> <Button size="xsmall" variant="action" onClick={handleViewClick}>
<FormattedMessage id="label.view-details" defaultMessage="View details" /> <FormattedMessage id="label.view-details" defaultMessage="View details" />
</Button> </Button>

View File

@ -2,12 +2,17 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-top: 10px; padding-top: 20px;
font-size: var(--font-size-small);
font-weight: 600;
} }
.message { .message {
font-size: var(--font-size-small);
font-weight: 600;
flex: 1;
text-align: center; text-align: center;
margin-right: 20px; margin-right: 20px;
} }
.buttons {
flex: 0;
}