docs: update variant button

ccontrols · Jan 6, 2021 · 0d5ef1f · 0d5ef1f
1 parent e18295b
commit 0d5ef1f
Showing 1 changed file with 3 additions and 15 deletions.
diff --git a/examples/stories/src/components/VariantButton.tsx b/examples/stories/src/components/VariantButton.tsx
@@ -119,33 +119,21 @@ export const VariantButton: FC<VariantButtonProps> = ({
         borderRadius: 8,
         border: `1px solid #000000`,
         display: 'flex',
-        flexDirection: 'row',
+        flexDirection: iconSide === 'left' ? 'row' : 'row-reverse',
         alignItems: 'center',
       }}
     >
-      {Icon && iconSide === 'left' && (
+      {Icon && (
         <div
           style={{
-            padding: '0 10px 0 0',
-            display: 'flex',
-            alignItems: 'center',
-          }}
-        >
-          <Icon size={iconSize} />
-        </div>
-      )}
-      <div>{text}</div>
-      {Icon && iconSide === 'right' && (
-        <div
-          style={{
-            padding: '0 0 0 10px',
             display: 'flex',
             alignItems: 'center',
           }}
         >
           <Icon size={iconSize} />
         </div>
       )}
+      <div style={{ padding: '0 10px' }}>{text}</div>
     </button>
   );
 };