#projects {
  #projects-list {
    display:          flex;
    flex-direction:   column;
    margin-top:       40px;

    ldp-display {
      @extend %td;
      cursor:           pointer;
      display:          flex;
      align-items:      center;
      height:           65px;

      &:hover {
        font-weight:  bold;
      }

      ldp-display-div[name="number"] {
        width:  50px;
      }

      ldp-display-client[name="client"] {
        &, img {
          width:        50px;
        }
      }

      ldp-display-div[name="name"] {
        width:  150px;
      }
    }
  }
}