Added margin right to space out previously squashed labels and values (#46284)

This commit is contained in:
Joey Tawadrous 2022-03-12 14:57:36 +00:00 committed by GitHub
parent c649b54ed2
commit ecf84be65a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -48,6 +48,10 @@ const getStyles = (divider: boolean) => (theme: GrafanaTheme2) => {
color: ${theme.isLight ? '#999' : '#666'};
margin-right: 0.25rem;
`,
LabeledListValue: css`
label: LabeledListValue;
margin-right: 0.55rem;
`,
};
};
@ -67,7 +71,7 @@ export default function LabeledList(props: LabeledListProps) {
return (
<li className={styles.LabeledListItem} key={`${key}`}>
<span className={styles.LabeledListLabel}>{label}</span>
<strong>{value}</strong>
<strong className={styles.LabeledListValue}>{value}</strong>
</li>
);
})}