diff --git a/packages/hindawi-theme/src/elements/Radio.js b/packages/hindawi-theme/src/elements/Radio.js index 124dbf44596a4ac8aa6cd35ea9ba63a2b1f429a2..2dfb3ec071b1c2d1759b59d7e334be917cddad52 100644 --- a/packages/hindawi-theme/src/elements/Radio.js +++ b/packages/hindawi-theme/src/elements/Radio.js @@ -13,14 +13,14 @@ export default { &::before { display: none; } - + input:checked + span::before { border-color: ${th('colorPrimary')}; background: url('data:image/svg+xml;utf8,${encodeURIComponent( checkIcon, )}') center no-repeat; } - `, + `, Input: css` opacity: 0; margin-left: calc(${th('gridUnit')} * -2); @@ -35,9 +35,10 @@ export default { background: transparent; border: 1px solid #939393; border-radius: 50%; - display: inline-block; + display: inline-flex; margin-right: ${th('gridUnit')}; - vertical-align: middle; + vertical-align: text-bottom; + align-items: center; height: calc(${th('gridUnit')} * 2); width: calc(${th('gridUnit')} * 2); diff --git a/packages/hindawi-theme/src/index.js b/packages/hindawi-theme/src/index.js index d63931498ffdcf1b4a5d451b0b3fb5d1fd56e41e..09be373c770356d258fedd31dc9f3cbd3f582631 100644 --- a/packages/hindawi-theme/src/index.js +++ b/packages/hindawi-theme/src/index.js @@ -158,7 +158,7 @@ const hindawiTheme = { lineHeightHeading1: '37px', lineHeightHeading2: '29px', - lineHeightHeading3: '19px', + lineHeightHeading3: '20px', lineHeightHeading4: '18px', lineHeightHeading5: '18px', lineHeightHeading6: '18px',