.student-dashboard {
  .task {
    background: @tutor-white;
    border-top: thin dotted @tutor-neutral-light;
    // if the screen is wide enought, set a hight and use line-height to vertically center content.
    // This breaks when the responsive small view kicks in and it becomes multi-line
    .column-icon {
      height: @student-dashboard-row-height;
      padding: 0;
    }
    .icon {
      background-position: center;
      height: @student-dashboard-row-height;
      min-width: @student-dashboard-row-height;
      width: 100%;
    }
    .title {
      padding-left: 0;
    }
    .title, .feedback, .due-at {
      line-height: @student-dashboard-row-height;
      white-space: nowrap;
    }

    @media screen and ( max-width: @screen-sm-min ){
      .column-icon { height: @student-dashboard-row-height*2; }
      .icon {        height: @student-dashboard-row-height*2; }
    }

    // A task that is workable can be clicked
    &.workable {
      cursor: pointer;
      &:hover {
        background-color: @tutor-neutral-lighter;
        // on hover grow the icon from 4rem (40pxish) to 56
        .icon { background-size: 56px 56px; }
      }
    }
    transition: all 0.1s ease-in;

  }
}

.student-dashboard {
  .task {
    background: @tutor-white;
    border-top: thin dotted @tutor-neutral-light;
    // if the screen is wide enought, set a hight and use line-height to vertically center content.
    // This breaks when the responsive small view kicks in and it becomes multi-line
    .column-icon {
      height: @student-dashboard-row-height;
      padding: 0;
    }
    .icon {
      background-position: center;
      height: @student-dashboard-row-height;
      min-width: @student-dashboard-row-height;
      width: 100%;
    }
    .title {
      padding-left: 0;
    }
    .title, .feedback, .due-at {
      line-height: @student-dashboard-row-height;
      white-space: nowrap;
    }

    @media screen and ( max-width: @screen-sm-min ){
      .column-icon { height: @student-dashboard-row-height*2; }
      .icon {        height: @student-dashboard-row-height*2; }
    }

    // A task that is workable can be clicked
    &.workable {
      cursor: pointer;
      &:hover {
        background-color: @tutor-neutral-lighter;
        .icon { background-size: @student-dashboard-row-height - 4; }
      }
    }
    transition: all 0.1s ease-in;

  }
}

Use defined row height vs hardcoded value
Use defined row height vs hardcoded value
