61117792d4e14c4f3daeb754964893f50592356d
lrnassar
  Wed May 6 19:10:46 2026 -0700
Use Font Awesome info-circle for chromAlias icon and soften styling, refs #29201

Replace the unicode ⓘ (CIRCLED LATIN SMALL LETTER I) with the
Font Awesome fa-info-circle icon to fix pixelated/inconsistent rendering
in Chrome and Edge — the unicode glyph falls back to platform symbol
fonts that produce low-quality bitmap glyphs at small sizes. The FA
glyph is vector and renders identically across browsers. Also soften
the icon color to #aaa, drop font-size to 95%, and tighten right margin
to 0.1em.

diff --git src/hg/hgTracks/hgTracks.c src/hg/hgTracks/hgTracks.c
index c251bc627f8..2423e02916d 100644
--- src/hg/hgTracks/hgTracks.c
+++ src/hg/hgTracks/hgTracks.c
@@ -8953,31 +8953,31 @@
     dyStringAppend(dy, a->name);
     }
 
 if (dy->stringSize == 0)
     {
     dyStringFree(&dy);
     return;
     }
 
 char *encoded = htmlEncode(dy->string);
 printf("<span id='chromAliases' title='<b>Alternate sequence names</b>: %s<br><br>"
        "Alternative sequence names can be used in the position box, custom tracks, "
        "track hubs, bigBed, bigWig, and similar files. "
        "See the <a href=\"/goldenPath/help/assemblyHubHelp.html#chromAlias\">docs page</a> "
        "for more information'>"
-       "<a>&#9432;</a></span>", encoded);
+       "<a><i class=\"fa fa-info-circle\"></i></a></span>", encoded);
 freeMem(encoded);
 dyStringFree(&dy);
 }
 
 
 unsigned getParaLoadTimeout()
 // get the parallel load timeout in seconds (defaults to 90)
 {
 char *paraLoadTimeoutStr = cartOptionalString(cart, "parallelFetch.timeout");
 if (paraLoadTimeoutStr == NULL)
     paraLoadTimeoutStr = cfgOptionDefault("parallelFetch.timeout", "90");  // wait up to default 90 seconds.
 
 unsigned paraLoadTimeout = sqlUnsigned(paraLoadTimeoutStr);
 
 return paraLoadTimeout;