.source-confirmation:first-of-type {
  &:before {
    display: block;
    content: "";
    position: absolute;
    top: -30px;
    left: 15px;
    @include css-triangle(20px, $color-yellow, bottom);
  }
}

.source-confirmation:not(:first-of-type) {
  &:before {
    display: block;
    content: "";
    position: absolute;
    top: -30px;
    left: 120px;
    @include css-triangle(20px, $color-yellow, bottom);
  }
}

.source-confirmation {
  position: relative;
  border-radius: 3px;
  background: $color-yellow;
  padding: 20px;
  margin-bottom: rem-calc(16);

  label {
    margin-bottom: 10px;
    font-size: remCalc(16);
  }

  input {
    margin-bottom: 0;
  }

  .row {
    margin-left: rem-calc(-15);
    margin-right: rem-calc(-15);
    width: auto;
  }
}

.source-confirmation:before {
  display: block;
  content: "";
  position: absolute;
  top: -30px;
  left: 115px;
  @include css-triangle(20px, $color-yellow, bottom);
}

.source-confirmation + .source-confirmation:before {
  display: block;
  content: "";
  position: absolute;
  top: -30px;
  left: 234px;
  @include css-triangle(20px, $color-yellow, bottom);
}

.source-confirmation {
  position: relative;
  border-radius: 3px;
  background: $color-yellow;
  padding: 20px;
  margin-bottom: rem-calc(16);

  label {
    margin-bottom: 10px;
    font-size: remCalc(16);
  }

  input {
    margin-bottom: 0;
  }

  .row {
    margin-left: rem-calc(-15);
    margin-right: rem-calc(-15);
    width: auto;
  }
}

Fix the alignment of arrows under the standing / not standing buttons
Fix the alignment of arrows under the standing / not standing buttons

The first-of-type selectors no longer worked, since another div was
introduced before the two .source-confirmation ones. This commit instead
overrides the left property for .source-confirmation classed divs after
the first one. It's still not great, because variability in the width of
the image on the left will cause the arrows not to be quite in the
middle of the button. @zarino pointed out better way of doing it:

 <zarino> that method of positioning the arrows is so hacky
 <zarino> I could do something much cleaner with hindsight
 <zarino> (make the arrow part of the *button*, not the yellow box, and
 just toggle a class on the button that makes the arrow below it appear
 or disappear – has the advantage that the arrow will always be centred
 below the button)
 <zarino> (wouldn't however work when the row of buttons breaks onto two
 lines, but that's pretty rare)

... but I'm commiting this incremental improvement until there's time to
do that proper fix.

Fixes #156
