Remove margins from anchor elements

There is a bug in Outlook 2016 (and possibly other versions) that leads
to a `p` element losing its `margin` if there is an `a` element inside
the `p`, and the `a` element has css `margin` specified. `a` elements
are by default inline and without margins, so it shouldn't cause any
problems to solved the issue by just not specifying `margin` for `a`
elements.

diff --git a/scss/components/_typography.scss b/scss/components/_typography.scss
index 0e0d63a72e60b6d6dfd74f3efe1b678339bdc2ca..48c1d2728ca276776cbfb07aa593637cb1acfdc1 100755 (executable)
--- a/scss/components/_typography.scss
+++ b/scss/components/_typography.scss
@@ -160,8 +160,7 @@ h5,
 h6,
 p,
 td,
-th,
-a {
+th {
   color: $global-font-color;
   font-family: $body-font-family;
   font-weight: $global-font-weight;
@@ -247,6 +246,11 @@ small {
 a {
   color: $anchor-color;
   text-decoration: $anchor-text-decoration;
+  font-family: $body-font-family;
+  font-weight: $global-font-weight;
+  padding: 0;
+  text-align: left;
+  line-height: $global-line-height;
 
   &:hover {
     color: $anchor-color-hover;