frontend/marko/components/content-list-item/style.less

tr.content-list-item {
  user-select: none;
  outline: 0.05px solid;

  > td.icon {
    font-size: 2.75em;
    text-align: center;
    width: 2.5ch;
    outline: 0.05px solid;

    @media screen and (max-width: 700px) {
      width: 1.25ch;
      font-size: 1.5em;
    }    
  }

  > td.content {
    padding: 0.25em;
    padding-bottom: 0.33em;
    margin: 0;

    > .title {
      padding: 0.25em 1ch;
      user-select: text;

      a {
        font-size: 1.333em;
      }
      a:hover {
        color: white;
      }
    }

    > .description {
      margin: 0 1ch;

      p {
        margin: 0;
      }
    }

    > .characters {
      margin: 0 1ch;

      > .character {
        display: inline-block;
        margin-right: 1ch;
      }

      > .character:last-of-type {
        .comma {
          display: none;
        }
      }
    }

    > .meta {
      > div {
        display: inline-block;
        padding: 0.25em 1ch;

        user-select: text;
      }

      > div.spc {
        padding: 0;
        user-select: none;
      }
    }
  }
}