#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 {
        background-color:   $hd-color-faded;
        color:              white;
      }

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

      ldp-display-client[name="client"] {
        display:      block;
        width:        70px;

        img {
          width:        50px;
        }
      }

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