Increase label font-weight and vertically align labels and chips

This commit is contained in:
Marliana Lara 2019-02-06 10:51:45 -05:00
parent 8846e1427e
commit 9d9b94c8c3
No known key found for this signature in database
GPG Key ID: 38C73B40DFA809EE
2 changed files with 11 additions and 5 deletions

View File

@ -1,6 +1,6 @@
.awx-c-chip--basic {
padding: 6px 8px;
height: 30px;
padding: 3px 8px;
height: 24px;
margin-right: 10px;
margin-bottom: 10px;

View File

@ -16,18 +16,24 @@ const detailWrapperStyle = {
};
const detailLabelStyle = {
minWidth: '150px',
fontWeight: '700',
lineHeight: '30px',
marginRight: '20px',
minWidth: '150px',
textAlign: 'right'
};
const detailValueStyle = {
lineHeight: '24px'
};
const Detail = ({ label, value }) => {
let detail = null;
if (value) {
detail = (
<TextContent style={detailWrapperStyle}>
<Text component={TextVariants.h6} style={detailLabelStyle}>{ label }</Text>
<Text component={TextVariants.p}>{ value }</Text>
<Text component={TextVariants.p} style={detailValueStyle}>{ value }</Text>
</TextContent>
);
}
@ -105,7 +111,7 @@ class OrganizationDetail extends Component {
>
<Trans>Instance Groups</Trans>
</Text>
<div>
<div style={detailValueStyle}>
{instanceGroups.map(instanceGroup => (
<BasicChip
key={instanceGroup.id}