From 40bca79e13293bb74692e17e73f27c9e6b5dcf47 Mon Sep 17 00:00:00 2001
From: Demetriad Sinzeanu <demetriad.sinzeanu@thinslices.com>
Date: Thu, 11 Oct 2018 17:50:02 +0300
Subject: [PATCH] fix(Radio buttton): Confirmation radio-buttons alignment on
confirmation box
---
packages/hindawi-theme/src/elements/Radio.js | 9 +++++----
packages/hindawi-theme/src/index.js | 2 +-
2 files changed, 6 insertions(+), 5 deletions(-)
diff --git a/packages/hindawi-theme/src/elements/Radio.js b/packages/hindawi-theme/src/elements/Radio.js
index 124dbf445..2dfb3ec07 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 d63931498..09be373c7 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',
--
GitLab