factlink-icon-button {
  @extend %fadable-control;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: $max-z-index - 2;
  margin-left: 0.5em;
}

factlink-icon-button-bubble {
  @extend %default-font;
  font-weight: bold;
  -webkit-font-smoothing: auto;

  position: relative;
  display: inline-block;
  min-width: 1.4em;
  height: 1.1em;
  border-radius: 0.25em;
  padding: 0 0.2em;
  font-size: 80%;
  line-height: 1;
  vertical-align: text-top;
  text-align: center;
  box-sizing: border-box;

  opacity: 0.5;
}

factlink-icon-button:hover factlink-icon-button-bubble {
  opacity: 1;
}

factlink-icon-button-bubble-triangle {
  position: absolute;
  display: block;

  top: 1em;
  left: 20%;
  border-style: solid;
  border-width: 0.43em 0.55em 0 0;
  border-color: transparent;
}

factlink-icon-button {
  @extend %fadable-control;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: $max-z-index - 2;
  margin-left: 0.1em;
}

factlink-icon-button-bubble {
  @extend %default-font;
  font-weight: bold;
  -webkit-font-smoothing: auto;

  position: relative;
  display: inline-block;
  min-width: 1.4em;
  height: 1.1em;
  border-radius: 0.25em;
  padding: 0 0.2em;
  font-size: 80%;
  line-height: 1;
  vertical-align: text-top;
  text-align: center;
  box-sizing: border-box;

  opacity: 0.5;
}

factlink-icon-button:hover factlink-icon-button-bubble {
  opacity: 1;
}

factlink-icon-button-bubble-triangle {
  position: absolute;
  display: block;

  top: 1em;
  left: 20%;
  border-style: solid;
  border-width: 0.43em 0.55em 0 0;
  border-color: transparent;
}

Move icons a little closer to paragraph
Move icons a little closer to paragraph

This is barely acceptable in the (rare) justified case, but looks much
better in the normal left-aligned case.
