fix(button): lessen padding on right if icon aligned on right

pluralsight · Oct 22, 2017 · f316a4c · f316a4c
1 parent c97c13c
commit f316a4c
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/button/src/react/index.js b/packages/button/src/react/index.js
@@ -96,14 +96,14 @@ const styleDisabledFlat = ({ disabled, appearance }) =>
       }
     : null
 
-const styleIcon = ({ icon, iconOnly, size }) =>
+const styleIcon = ({ icon, iconAlign, iconOnly, size }) =>
   icon && !iconOnly
     ? {
-        [sizes.xSmall]: { paddingLeft: core.layout.spacingXSmall },
-        [sizes.small]: { paddingLeft: core.layout.spacingXSmall },
-        [sizes.medium]: { paddingLeft: core.layout.spacingXSmall },
-        [sizes.large]: { paddingLeft: core.layout.spacingSmall }
-      }[size]
+        [iconAlign === iconAligns.right ? 'paddingRight' : 'paddingLeft']:
+          size === sizes.large
+            ? core.layout.spacingSmall
+            : core.layout.spacingXSmall
+      }
     : null
 
 const styleIconAlign = ({ iconAlign }) =>