table.contributor-list {
  width: 100%;
  border-collapse: collapse;

  tr {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    &:first-of-type {
      border-top: 1px solid rgba(255,255,255,0.2);
    }
    background-color: rgba(255,255,255,0.1);

    &.current-user {
      background-color: rgba(255,255,255,0.2);
    }

    &.metadata {
      height: 0;

      td {
        padding: 0 1.2rem;
        transition: all 0.2s ease-out;
      }

      a {
        color: lightblue;
        &:hover, &:active {
          color: #fff;
        }
      }

      dl {
        display: block;
        width: 100%;
        font-size: 1rem;
        dt, dd {
          display: inline-block;
          overflow: hidden;
          height: 0;
          line-height: 1.6rem;
          transition: all 0.2s ease-out;
        }
        dt {
          clear: both;
          float: left;
          width: 30%;
        }
        dd {
          float: right;
          width: 70%;
          text-align: right;
        }
      }

      &.visible {
        td {
          padding: 1rem 1.2rem;
        }

        dl {
          dt, dd {
            height: auto;
          }
        }
      }

    }

    td {
      padding: 0 1.2rem;
      line-height: 4.2rem;

      &.person {
        text-align: left;
        font-size: 1.4rem;
        img.avatar {
          width: 2rem;
          height: 2rem;
          vertical-align: middle;
          margin-right: 0.2rem;
          border-radius: 1rem;
        }
      }

      &.kredits {
        text-align: right;
        .amount {
          font-size: 1.4rem;
        }
        .symbol {
          font-size: 1rem;
          padding-left: 0.2rem;
        }
      }
    }
  }
}