Some background-image underlines are too close

[Seanharrs]

Some of the underlined elements on about.flipboard.com URLs have their underlines set too close to the text.

For example, these appear identically with or without the theme enabled:

But these appear too close:

This can be resolved by moving them out to their own separate rules, with different pixel measurements for each corner of the linear-gradient. For example:

a {
  background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0) 0px, #D22 0px, #D22 1px, rgba(0,0,0,0) 1px) !important;
  /* versus */
  background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0) 2px, #D22 2px, #D22 3px, rgba(0,0,0,0) 3px) !important;
}

The correct pixel values for each unique selector that is incorrect should be in Flipboard's CSS files.