[fix](trx-frontend-http): size the nav's labels against the screen, not the font

CI cut "Bookmarks" off at 360 px where this machine had ten pixels to
spare.  How wide a platform draws a word varies by more than ten per
cent, so a fixed 0.6rem label is a bet on the machine it was measured
on -- the same bet ui-core's own comment warns about where it explains
why the tab strip reflows by measurement rather than at a width.

The long labels are sized with `clamp(0.46rem, 2.2vw, 0.62rem)` now.  A
tab is a fifth of the viewport, so what fits in it follows the viewport;
tying the label to the same thing leaves better than a fifth of the tab
spare at every phone width, and holds with the text drawn 30% wider than
it is here.

The test asked the wrong question too.  "Does the label fit" is a
question about font metrics, and it will keep answering differently on
different machines.  It now asserts what actually matters: a label stays
inside its own tab, and if it is too long for it, it ends in an ellipsis
rather than being cut through a letter.  Both hold whatever width the
platform draws the words at.

Signed-off-by: Stan Grams <sjg@haxx.space>

src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css

@@ -4061,12 +4061,18 @@ body[data-operator-layout="broadcast"] #cw-bar-overlay {
     text-overflow: ellipsis;
     font-size: 0.75rem;
   }
-  /* The long ones, smaller so they fit whole rather than ellipsised. These
-     used to sit above the rule that sets the size for all of them — same
-     specificity, so the later one won and nothing was ever shortened. */
+  /* The long ones, sized against the screen rather than at a fixed size.
+     A tab is a fifth of the viewport, so what fits in it is a function of the
+     viewport — and only roughly of the font size, since how wide a platform
+     renders a word varies by ten per cent or more between machines. A fixed
+     0.6rem fit here with ten pixels to spare and clipped in CI.
+
+     (These rules also used to sit above the one that sets the size for all
+     labels — identical specificity, later in the file, so nothing was ever
+     shortened.) */
   .tab[data-tab="bookmarks"] .tab-label,
   .tab[data-tab="statistics"] .tab-label {
-    font-size: 0.6rem;
+    font-size: clamp(0.46rem, 2.2vw, 0.62rem);
   }
   /* "Digital modes" does not fit at any size worth reading, so the nav shows
      the short form and the button carries the full one as its label. */
@@ -4077,7 +4083,7 @@ body[data-operator-layout="broadcast"] #cw-bar-overlay {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-    font-size: 0.6rem;
+    font-size: clamp(0.46rem, 2.2vw, 0.62rem);
   }
   .decoder-tab-select {
     display: block;