From 9d9b94c8c32c17b52ddd9d8c6dfb01a10d27f624 Mon Sep 17 00:00:00 2001 From: Marliana Lara Date: Wed, 6 Feb 2019 10:51:45 -0500 Subject: [PATCH] Increase label font-weight and vertically align labels and chips --- src/components/BasicChip/basicChip.scss | 4 ++-- .../screens/Organization/OrganizationDetail.jsx | 12 +++++++++--- 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/src/components/BasicChip/basicChip.scss b/src/components/BasicChip/basicChip.scss index de0aa5739b..11b6601ec7 100644 --- a/src/components/BasicChip/basicChip.scss +++ b/src/components/BasicChip/basicChip.scss @@ -1,6 +1,6 @@ .awx-c-chip--basic { - padding: 6px 8px; - height: 30px; + padding: 3px 8px; + height: 24px; margin-right: 10px; margin-bottom: 10px; diff --git a/src/pages/Organizations/screens/Organization/OrganizationDetail.jsx b/src/pages/Organizations/screens/Organization/OrganizationDetail.jsx index d3e6168149..ad68987171 100644 --- a/src/pages/Organizations/screens/Organization/OrganizationDetail.jsx +++ b/src/pages/Organizations/screens/Organization/OrganizationDetail.jsx @@ -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 = ( { label } - { value } + { value } ); } @@ -105,7 +111,7 @@ class OrganizationDetail extends Component { > Instance Groups -
+
{instanceGroups.map(instanceGroup => (