From c61013cb972498b218d38240909057982fb449d8 Mon Sep 17 00:00:00 2001
From: Demetriad Sinzeanu <demetriad.sinzeanu@thinslices.com>
Date: Tue, 11 Dec 2018 15:01:28 +0200
Subject: [PATCH] style: Changes to IconButton and UserProfile
---
packages/component-faraday-ui/src/IconButton.js | 5 ++++-
packages/component-faraday-ui/src/UserProfile.js | 2 ++
2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/packages/component-faraday-ui/src/IconButton.js b/packages/component-faraday-ui/src/IconButton.js
index 2921dab47..a90bb4a13 100644
--- a/packages/component-faraday-ui/src/IconButton.js
+++ b/packages/component-faraday-ui/src/IconButton.js
@@ -31,8 +31,9 @@ export default ({
fontIcon,
disabled,
unclickable,
- paddingBottom,
+ paddingTop,
paddingRight,
+ paddingBottom,
iconSize = 1.8,
className,
...props
@@ -56,6 +57,7 @@ export default ({
className={`${fontIcon} fontIconStyle`}
paddingBottom={paddingBottom}
paddingRight={paddingRight}
+ paddingTop={paddingTop}
size={iconSize}
{...props}
/>
@@ -66,5 +68,6 @@ export default ({
const FontIconButton = styled.span`
padding-bottom: calc(${props => props.paddingBottom} * ${th('gridUnit')} / 2);
padding-right: calc(${props => props.paddingRight} * ${th('gridUnit')} / 2);
+ padding-top: calc(${props => props.paddingTop} * ${th('gridUnit')} / 2);
font-size: calc(${props => props.size} * ${th('gridUnit')});
`
diff --git a/packages/component-faraday-ui/src/UserProfile.js b/packages/component-faraday-ui/src/UserProfile.js
index 0e63c6dd2..71592b198 100644
--- a/packages/component-faraday-ui/src/UserProfile.js
+++ b/packages/component-faraday-ui/src/UserProfile.js
@@ -33,6 +33,8 @@ const Profile = ({
fontIcon="editIcon"
iconSize={2}
onClick={toggleEdit}
+ paddingRight={2}
+ paddingTop={1}
right={8}
top={12}
/>
--
GitLab