frontend/app/assets/stylesheets/archivesspace/help.scss
/* Context Help related styles */
.context-help {
  font-size: 1rem;
  @include transition(color 0.5s);

  color: var(--bs-text-body);
  position: relative !important;
  padding-top: 1rem;
  padding-bottom: 1rem;

  .context-help-icon {
    color: var(--bs-text-body);
  }

  &:hover {
    color: var(--bs-text-body);
    .context-help-icon {
      color: var(--bs-text-body);
    }
  }

  // ANW-1977: Rectify help links that were nested inside headings before
  // the Bootstrap 4 upgrade. After upgrade on hover the tooltip forced vertical
  // scroll on the headings. While some nested help links elsewhere could be solved
  // by making it a sibling to the heading and wrapping them both in a <header>,
  // the (nested) subform action button siblings of the previously nested help links
  // depend on rigid assumptions about the markup to perform. In lieu of changing form
  // behavior, here's a quick hack to make siblilngs of the help link and heading.
  &.previously-nested-help-link {
    position: absolute !important;
    top: 16px;
    right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.record-pane > .context-help {
  float: right;
}
