From a86963d40a67786bf6ce8501497590641a1e76cd Mon Sep 17 00:00:00 2001 From: Daniel Sandu <daniel.sandu@thinslices.com> Date: Fri, 12 Oct 2018 09:49:25 +0300 Subject: [PATCH] fix(checkbox): Size of Checkbox in Pre-submission checklist in Submit manuscript --- packages/hindawi-theme/src/elements/Checkbox.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/hindawi-theme/src/elements/Checkbox.js b/packages/hindawi-theme/src/elements/Checkbox.js index 566e93a15..528abbf99 100644 --- a/packages/hindawi-theme/src/elements/Checkbox.js +++ b/packages/hindawi-theme/src/elements/Checkbox.js @@ -22,6 +22,7 @@ const Checkbox = css` background: url('data:image/svg+xml;utf8,${encodeURIComponent( checkIcon, )}') center no-repeat, ${th('colorPrimary')}; + background-size: contain; } ` @@ -32,6 +33,7 @@ Checkbox.Input = css` ` Checkbox.Label = css` + font-weight: 600; &::before { content: ' '; background: transparent; @@ -40,10 +42,10 @@ Checkbox.Label = css` box-sizing: border-box; display: inline-block; margin-right: ${th('gridUnit')}; - vertical-align: middle; + vertical-align: text-bottom; - height: calc(${th('gridUnit')} * 3); - width: calc(${th('gridUnit')} * 3); + height: calc(${th('gridUnit')} * 2); + width: calc(${th('gridUnit')} * 2); } ` -- GitLab