<commit_before>@import '../themes/themes.scss';

alerts-page-sk {
  dialog {
    background: var(--background);
    border: solid 1px var(--on-background);
    color: var(--on-background);
  }

  td {
    padding: 0.2em 1em;
  }

  td > build-icon-sk,
  td > create-icon-sk,
  td > a > build-icon-sk,
  td > delete-icon-sk {
    padding: 0.4em;
    cursor: pointer;
    fill: var(--primary);
  }

  td > build-icon-sk:hover,
  td > create-icon-sk:hover,
  td > a > build-icon-sk:hover,
  td > delete-icon-sk:hover {
    background: var(--surface-1dp);
  }

  create-icon-sk[disabled],
  delete-icon-sk[disabled],
  build-icon-sk[disabled],
  button.fab[disabled] {
    opacity: 0.2;
  }

  td > paramset-sk div {
    display: block;
  }

  td > error-icon-sk {
    fill: var(--error);
  }

  .dialogButtons {
    display: flex;
    justify-content: flex-end;
    margin: 8px;
  }

  .dialogButtons button {
    font-size: 110%;
    margin: 8px;
  }
}

alerts-page-sk > {
  checkbox-sk {
    margin-top: 2em;
  }

  .warning {
    color: var(--error);
    font-weight: bold;
  }

  button.fab {
    position: fixed;
    right: 2em;
    bottom: 2em;
  }

  table > tbody > tr > td {
    border-bottom: solid var(--on-surface) 1px;
  }
}
<commit_msg>[perf] Fix lop-sided fab button on Alerts page.<commit_after>@import '../themes/themes.scss';

alerts-page-sk {
  dialog {
    background: var(--background);
    border: solid 1px var(--on-background);
    color: var(--on-background);
  }

  td {
    padding: 0.2em 1em;
  }

  td > build-icon-sk,
  td > create-icon-sk,
  td > a > build-icon-sk,
  td > delete-icon-sk {
    padding: 0.4em;
    cursor: pointer;
    fill: var(--primary);
  }

  td > build-icon-sk:hover,
  td > create-icon-sk:hover,
  td > a > build-icon-sk:hover,
  td > delete-icon-sk:hover {
    background: var(--surface-1dp);
  }

  create-icon-sk[disabled],
  delete-icon-sk[disabled],
  build-icon-sk[disabled],
  button.fab[disabled] {
    opacity: 0.2;
  }

  td > paramset-sk div {
    display: block;
  }

  td > error-icon-sk {
    fill: var(--error);
  }

  .dialogButtons {
    display: flex;
    justify-content: flex-end;
    margin: 8px;
  }

  .dialogButtons button {
    font-size: 110%;
    margin: 8px;
  }
}

alerts-page-sk > {
  checkbox-sk {
    margin-top: 2em;
  }

  .warning {
    color: var(--error);
    font-weight: bold;
  }

  button.fab {
    position: fixed;
    right: 2em;
    bottom: 2em;
    width: 32px;
    height: 32px;
  }

  table > tbody > tr > td {
    border-bottom: solid var(--on-surface) 1px;
  }
}

{'fraction_non_alphanumeric': 0.16387046429964885, 'fraction_numerical': 0.015606710885680842, 'mean_word_length': 2.2455696202531645, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2359944', 'n_tokens_mistral': 1059, 'n_tokens_neox': 1004, 'n_words': 199}