403ab7c9c2b204f487bb2f86260ffdab355e9517
jcasper
  Wed Aug 19 05:49:25 2026 -0700
Faceted composites should apply the active sort order to the tracks being
displayed; changing the sort changes the display order.  We also preserve that order when
returning to the page.  refs #36320

diff --git src/hg/htdocs/style/facetedComposite.css src/hg/htdocs/style/facetedComposite.css
index de4f4222cb7..7bdf0cc2a1e 100644
--- src/hg/htdocs/style/facetedComposite.css
+++ src/hg/htdocs/style/facetedComposite.css
@@ -222,15 +222,29 @@
     font-size: 0.85em;
     white-space: nowrap;
 }
 .filter-chip .remove-chip {
     background: none;
     border: none;
     cursor: pointer;
     font-size: 1em;
     line-height: 1;
     padding: 0 0 0 0.25em;
     color: #666;
 }
 .filter-chip .remove-chip:hover {
     color: #c00;
 }
+
+/* One-line hint above the facets and table: the table's row order sets the order
+   the tracks are drawn in the browser image.  Kept to a single muted line so the
+   page stays uncluttered - the details are in the info icon's hover text.
+   Font size comes from the .smallText class in HGStyle.css. */
+#sortNote {
+    color: #555;            /* same muted grey as the loading indicator */
+    padding-bottom: 0.6em;
+    /* The table below is picked out by its header band and the All/Selected tabs,
+       but the facet names are only bold text, so without a rule here the note runs
+       straight into them.  Matches the #active-filters separator above. */
+    border-bottom: 1px solid #ddd;
+    margin-bottom: 0.75em;
+}