External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-12 20:07:37 -02:30
Code Issues Packages Projects Releases Wiki Activity

Increase label font-weight and vertically align labels and chips

Browse Source
This commit is contained in:
Marliana Lara
2019-02-06 10:51:45 -05:00
parent 8846e1427e
commit 9d9b94c8c3
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/BasicChip/basicChip.scss
View File

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

12
src/pages/Organizations/screens/Organization/OrganizationDetail.jsx
View File

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