ab61f83064c09e9c6a564f59f3d3094abfa7bdf9
max
  Mon Jun 12 04:53:07 2023 -0700
restricting track labels so they do not break the layout, refs #30882

diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css
index 5af618d..54de904 100644
--- src/hg/htdocs/style/HGStyle.css
+++ src/hg/htdocs/style/HGStyle.css
@@ -1,30 +1,31 @@
 body {
     font-family: Arial, Helvetica, sans-serif;
     background: #fff9d2;
 }
 
 body.cgi {
 	margin: 0;
 	padding: 0;
 	background: #FFF9D2;
 }
 
 body.hgTracks {
 	background: url("../../images/internal_bg1.jpg") repeat-x fixed left bottom #F9F9F7;
 }
 
+
 body.training {
         background: url("../../images/internal_bg1.jpg") repeat-x fixed left bottom #F9F9F7;
 }
 
 #searchHelp {
         display: inline;
         margin-left: 0.5em;
         font-size: 80%;
 }
 
 a:link {
         color: #121E9A; 
         text-decoration: underline
 }
 
@@ -46,30 +47,34 @@
         font-size: 80%
 }
 
 .infoText { 
         font-size: 90%;
         text-align: center;
 }
 
 .infoText > input {
     margin-left: 3px;
     margin-right: 3px;
     padding-left: 8px;
     padding-right: 8px;
 }
 
+.trackLabelTd {
+        max-width: 14em;
+}
+
 .controlButtons {
     margin-bottom: 6px;
 }
 
 .blueLink {
         color: #121E9A !important; 
         cursor: pointer;
 }
 
 span.link {
         color: #121E9A; 
         text-decoration: underline; 
         cursor: pointer
 }
 
@@ -273,30 +278,36 @@
 table.bedExtraTbl, table.bedExtraTbl th, table.bedExtraTbl td {
     border: 1px solid #909090;
     border-collapse: collapse;
     text-align: left;
     vertical-align: top;
     padding: 5px;
 }
 table.bedExtraTbl td:first-child {
     width: 200px;
     font-weight: bold;
 }
 table.bedExtraTbl tbody {
     background-color: #fffadb;
 }
 
+.bedExtraTblNote {
+    font-size: small;
+    font-weight: normal;
+}
+
+
 /* used by transMap details page in hgc */
 TABLE.transMap, TABLE.transMap TH, TABLE.transMap TD {
     border: 3px gray ridge;
     border-collapse: collapse;
     text-align: right;
     vertical-align: top;
 }
 TABLE.transMap THEAD {
     background-color: #a8c7ff;
     text-align: center;
 }
 TABLE.transMap TBODY {
     background-color: #D0FFD0;
 }
 TABLE.transMap CAPTION {