consul/ui-v2/app/styles/components/healthcheck-status.scss

@import './healthcheck-status/index';
@import './icons/index';
.healthcheck-status {
  @extend %healthcheck-status;
}
%healthcheck-status.passing {
  @extend %with-passing;
}
%healthcheck-status.warning {
  @extend %with-warning;
}
%healthcheck-status.critical {
  @extend %with-critical;
}
@media #{$--lt-spacious-healthcheck-status} {
  .healthcheck-status button.copy-btn {
    margin-top: -11px;
    margin-right: -18px;
    padding: 0;
    width: 20px;
    visibility: hidden;
  }
  %healthcheck-status {
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-right: 13px;
  }
  %healthcheck-status::before {
    width: 15px !important;
    height: 15px !important;
    left: 9px;
    top: 13px !important;
  }
}