// Copyright (c) 2020-2021 Drew Lemmy
// This file is part of KristWeb 2 under AGPL-3.0.
// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
@import (reference) "../../App.less";

.names-page {
  // Highlight unpaid names
  .ant-table .name-row-unpaid {
    background: fade(@kw-primary, 15%);

    td.ant-table-cell {
      border-bottom-color: fade(@kw-primary, 20%);
    }

    .ant-table-cell.ant-table-column-sort {
      background: fade(@kw-primary, 20%);
    }

    &:hover td.ant-table-cell {
      background: fade(@kw-primary, 20%);

      &.ant-table-cell.ant-table-column-sort {
        background: fade(@kw-primary, 35%);
      }
    }
  }

  @media (max-width: @screen-sm) {
    // Make the "Purchase name" button full width on mobile
    .ant-page-header-heading-extra {
      width: 100%;

      .ant-btn {
        display: block;
        width: 100%;
        margin-top: @margin-sm;
      }
    }
  }
}