mirror of
https://github.com/ansible/awx.git
synced 2026-01-25 00:11:23 -03:30
Increase label font-weight and vertically align labels and chips
This commit is contained in:
parent
8846e1427e
commit
9d9b94c8c3
@ -1,6 +1,6 @@
|
||||
.awx-c-chip--basic {
|
||||
padding: 6px 8px;
|
||||
height: 30px;
|
||||
padding: 3px 8px;
|
||||
height: 24px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
|
||||
@ -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}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user