fix(ActionLink): Remove vertical padding from ActionLink (#497)

Author: hannakohxt

config/styleguide-visual/reference/ActionLink_with_href_and_long_text_desktop.png

@@ -7,7 +7,6 @@ import Clickable from '../Clickable';
 import { FixedGridRow, FixedGridColumn, GutterSize } from '../FixedGrid';
 import { IconSize } from '../Icon';
 import NavigationLink from '../NavigationLink';
-import { getClassNames } from './ActionLink.styles';
 import { ActionLinkProps, NavigationActionLinkProps, ClickableActionLinkProps } from './ActionLink.types';
 
 /**
@@ -17,11 +16,9 @@ import { ActionLinkProps, NavigationActionLinkProps, ClickableActionLinkProps }
 export default class ActionLink extends React.Component<ActionLinkProps> {
   public render() {
     const { ariaLabel, className, icon: Icon, text } = this.props;
-    const classNames = getClassNames();
-
     // Remove Block around Icon when this is addressed: https://github.com/Microsoft/YamUI/issues/327
     const content = (
-      <FixedGridRow gutterSize={GutterSize.SMALL} className={classNames.wrapper}>
+      <FixedGridRow gutterSize={GutterSize.SMALL}>
         <FixedGridColumn fixed={true}>
           <Block push={2}>
             <Icon size={IconSize.MEDIUM} block={true} />

config/styleguide-visual/reference/ActionLink_with_href_desktop.png

@@ -8,14 +8,6 @@ exports[`<ActionLink /> with additional className matches its snapshot 1`] = `
   href="https://yammer.com"
 >
   <FixedGridRow
-    className=
-
-        {
-          padding-bottom: 0.6rem;
-          padding-left: 0;
-          padding-right: 0;
-          padding-top: 0.2rem;
-        }
     gutterSize="small"
   >
     <FixedGridColumn
@@ -50,14 +42,6 @@ exports[`<ActionLink /> with href and ariaLabel matches its snapshot 1`] = `
   newWindow={true}
 >
   <FixedGridRow
-    className=
-
-        {
-          padding-bottom: 0.6rem;
-          padding-left: 0;
-          padding-right: 0;
-          padding-top: 0.2rem;
-        }
     gutterSize="small"
   >
     <FixedGridColumn
@@ -91,14 +75,6 @@ exports[`<ActionLink /> with href matches its snapshot 1`] = `
   newWindow={true}
 >
   <FixedGridRow
-    className=
-
-        {
-          padding-bottom: 0.6rem;
-          padding-left: 0;
-          padding-right: 0;
-          padding-top: 0.2rem;
-        }
     gutterSize="small"
   >
     <FixedGridColumn
@@ -132,14 +108,6 @@ exports[`<ActionLink /> with onClick and ariaLabel matches its snapshot 1`] = `
   onClick={[MockFunction]}
 >
   <FixedGridRow
-    className=
-
-        {
-          padding-bottom: 0.6rem;
-          padding-left: 0;
-          padding-right: 0;
-          padding-top: 0.2rem;
-        }
     gutterSize="small"
   >
     <FixedGridColumn
@@ -172,14 +140,6 @@ exports[`<ActionLink /> with onClick matches its snapshot 1`] = `
   onClick={[MockFunction]}
 >
   <FixedGridRow
-    className=
-
-        {
-          padding-bottom: 0.6rem;
-          padding-left: 0;
-          padding-right: 0;
-          padding-top: 0.2rem;
-        }
     gutterSize="small"
   >
     <FixedGridColumn