github actions sort checks order

gh-actions-order.css

/* ==UserStyle==
@name           github.com - Jan 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("github.com") {
/* in firefox you may need to set layout.css.has-selector.enabled to true in order for this to work */

/* Bringing running checks and failed checks to the top of the list */
/* .octicon-check targets "successful" checks */
/* .octicon-x targets "failed" checks */
/* .octicon-skip targets "skipped" checks */
/* .octicon-square-fill targets "neutral" checks */
/* .text-italic targets "running" or "waiting" checks */

/* Required to allow sorting */
/* "updatable" class needed to target checks list only #6468 */
.merge-status-list.js-updatable-content-preserve-scroll-position {
	display: flex;
	flex-direction: column;
}

/* Push running checks below failed checks */
.merge-status-item:has(.text-italic) {
	order: 1;
}

/* Push successful/skipped/neutral checks below running checks */
.merge-status-item:has(.octicon-check, .octicon-skip, .octicon-square-fill) {
	order: 2;
}

/* Dim successful/skipped/neutral checks */
.merge-status-list:has(.octicon-x, .text-italic) /* Only if any checks are failing or in progress */
.merge-status-item:has(.octicon-check, .octicon-skip, .octicon-square-fill):not(:hover) {
	opacity: 50%;
}

/*
Test URLs
https://github.com/refined-github/refined-github/commit/5c9d630423d66732cb1e2bd7935fc67c133f6072
https://github.com/refined-github/sandbox/pull/12
*/    
}