style(components): adjust icon padding - I273

Signed-off-by: irmerk <[email protected]>
accordproject · Feb 5, 2020 · 4ca55ae · 4ca55ae
1 parent c35ad52
commit 4ca55ae
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/ContractEditor/index.js b/src/ContractEditor/index.js
@@ -119,8 +119,10 @@ ContractEditor.propTypes = {
     BODY_FONT: PropTypes.string,
     CLAUSE_BACKGROUND: PropTypes.string,
     CLAUSE_BORDER: PropTypes.string,
-    CLAUSE_DELETE: PropTypes.string,
+    CLAUSE_ICONS: PropTypes.string,
     CLAUSE_DELETE_FUNCTION: PropTypes.func,
+    CLAUSE_EDIT_FUNCTION: PropTypes.func,
+    CLAUSE_TEST_FUNCTION: PropTypes.func,
     HEADER_FONT: PropTypes.string,
     HEADER_TITLE: PropTypes.string,
   }).isRequired,

diff --git a/src/components/styles.js b/src/components/styles.js
@@ -65,7 +65,7 @@ export const ClauseIcon = styled.svg`
 const IconWrapper = styled.div`
   visibility: ${props => (props.currentHover ? 'visible' : 'hidden')};
   background: linear-gradient(180deg, #FFFFFF 0%, ${props => props.iconBg || '#ECF0FA'} 100%);
-  padding: 2px;
+  padding: 4px;
   place-self: center;
   transition-duration: 0.5s;
 `;