.dns-records

  table&.ordinary > tbody:hover
    background: transparent

  & > tbody

    & > tr > td[data-id="type"]
      font-weight: 500

    [data-id="content"]
      max-width: 50%

    [data-id="actions"]

      & > label
        display: inline-block
        margin-bottom: .2rem

      [data-element="popup"]
        transform: translateY(-40%)
        top: auto
        left: auto
        right: 0

  [data-id="add_record"]
    padding: 0

    [data-element="popup"]
      top: 50%
      left: 50%
      transform: translate(-50%, -50%)

    & > label
      display: block
      text-align: center
      color: rgba(#000, .6)
      background: rgba(#000, .03)
      cursor: pointer

      &:hover
        background: rgba(#000, .05)

      & > span
        display: inline-block
        padding: .65rem 1rem .6rem
