@import "{design}/app"

.lesionTableRow
  display: flex
  height: 63px
  margin-top: 2px
  width: 100%

  .lesionRowSidebar
    background: $uiGrayDark
    color: $textSecondaryColor
    flex: 1
    max-width: 30px
    padding-right: 5px

    .lesionNumber
      font-size: 14px
      font-weight: 400
      padding-top: 10px
      text-align: center

    &.active
      border-left: 4px $activeColor solid

  .lesionDetails
    flex: 1
    padding: 5px 2px 0 14px
    display: flex
    flex-direction: column
    align-items: stretch

    .location
      flex: 1
      font-weight: 400
      font-size: 14px
      color: $textSecondaryColor
      height: 30px
      line-height: 30px
      margin-left: -2px
      width: 100%

    .timepointData
      display: flex
      margin-top: 1px

      div
        flex: 1
        font-size: 14px
        font-weight: 400
        justify-content: space-around
        line-height: 18px
        padding-bottom: 10px