.transaction-done {
  #organ-donor-registration-promotion {
    padding-bottom: 30px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 30px;
  }

  .satisfaction-survey-heading {
     margin-bottom: 30px;
  }

  form {
    @include core-19;

    input {
      margin-right: 0.5em;
      vertical-align: 2px;
      background: #f8f8f8;
      }

    label {
      float: none;
      width: auto;
      text-align: left;
    }

    textarea {
      display:block;
      @include core-19;
      margin: 0 0 1em 0;
      background-color: #f8f8f8;
      border: 1px inset #bfc1c3;
      padding: 0.25em 0 0.25em 0.4em;
      width:95%;
    }
  }
}

.transaction-done {
  #organ-donor-registration-promotion {
    padding-bottom: 30px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 30px;
  }

  .satisfaction-survey-heading {
     margin-bottom: 30px;
  }

  form {
    @include core-19;

    legend {
      width: 100%;
    }

    input {
      margin-right: 0.5em;
      vertical-align: 2px;
      background: #f8f8f8;
      }

    label {
      float: none;
      width: auto;
      text-align: left;
    }

    textarea {
      display:block;
      @include core-19;
      margin: 0 0 1em 0;
      background-color: #f8f8f8;
      border: 1px inset #bfc1c3;
      padding: 0.25em 0 0.25em 0.4em;
      width:95%;
    }
  }
}

Fix IE11 text overlapping bug on done pages
Fix IE11 text overlapping bug on done pages

- Users were reporting a bug on IE11 where the first done page
  feedback question was overlapping the related links on the left.
  This change fixes it with some new CSS for the `legend` HTML, and
  applies it everywhere. It makes it no worse in Chrome etc., but a
  lot better in IE11.
