frontend/marko/components/story-tag-options/style.less

div.tag-options {
  margin-top: 0em;

  div.tag {
    padding: 0.25em;
    border-bottom: 1px solid rgba(0, 220, 255, 0.125);

    div.content {
      width: 80%;
      display: inline-block;
    }

    button {
      width: 20%;
      display: inline-block;
      margin: 0;
    }
  }

  div.field {
    box-sizing: border-box;
    display: inline-block;
    width: 35%;
    margin: 0;
    margin-top: 0ch;

    input {
      height: 1.55em;
    }
  }
  div.button-field {
    position: relative;
    top: -0.75ch;

    box-sizing: border-box;
    display: inline-block;
    width: 30%;
    margin: 0;
    text-align: right;

    button {
      display: inline-block;
      width: 14ch;
      margin-right: 1ch;
    }
  }

  div.suggestion-list {
    margin: -2em 0 1em 0;

    a.tag {
      display: inline-block;
      margin: 0.25em 0.5ch;
      padding: 0.0625em 0.5ch;
  
      outline: 1px solid;
      opacity: 0.75;
      
      user-select: none;
    }
    a.tag:hover {
      opacity: 1;
      cursor: pointer;
    }
  
    div.header {
      display: block;
      padding: 0em 0.5ch;
      padding-top: 0.75em;
      font-size: 0.75em;
  
      opacity: 0.5;
      
      user-select: none;
    }
  }
}