https://github.com/stcr/subscribe-to-comments-reloaded/issues/433

style.css

    }
  }
}


.content_block__module__abo {

  > p {
    margin: 0 15px 20px;
  }

  input[type="checkbox"] {
    display: inline-block;
    float: left;
    width: auto;
    margin-top: 4px;
    margin-right: 1.1rem;
    -webkit-appearance: checkbox;
  }

  .stcr-subscription-list {
    th, td {
      text-align: left !important;
    }
  }

  select,
  .subscribe-form-button {
    width: 16rem;
  }

  thead,
  tr {
    border-bottom: .3em solid white;
  }

  /*
    Make table responsive
   */
  @media screen and (max-width: $medium-up) {

    thead {
      display: none;
      margin-bottom: 15px;
    }

    tr {
      width: 100%;
      float: left;
      position: relative;
      margin-bottom: 12px;

      // Target color
      padding: .5rem;
      background-color: rgba(155,155,155,.1);

      td {
        display: block;
        width: 100%;
        margin-left: 32px !important;

        input[type="checkbox"] {
          position: absolute;
          left: .5rem;
          margin-top: 0;
          transform: translateY(-50%);
          top: 50%;

          // Fake target area
          height: 100%;
          width: 100%;
          cursor: pointer;
        }
      }
    }

    tbody tr td {
      margin-left: 15px;

      &:first-child {
        margin-left: 0;
      }

      &::before,
      label::before {
        float: left;
        width: 40%;
        font-weight: bold;
        //content: attr(data-label);
      }

      &:nth-of-type(1) label::before {
        content: 'Subscription Date';
      }

      &:nth-of-type(2)::before {
        content: 'Subscription Email';
      }

      &:nth-of-type(3)::before {
        content: 'Subscription Status';
      }

    }
  }

  // Break layout once more on smallest devices
  @media screen and (max-width: $micro-range[1]) {

    tbody tr td {

      &::before,
      label::before {
        width: 100%;
        margin-top: 5px;
      }
    }

  }

}