36c2daedb6dd44750f70048d2ab309c3c77dffc8
max
  Fri Sep 18 09:32:02 2026 -0700
hgSession: drop the name/description labels, info icon after the box

#Preview2 week - bugs introduced now will need a build patch to fix
refs #38311

diff --git src/hg/htdocs/style/hgSession.css src/hg/htdocs/style/hgSession.css
index bcf46879fc6..73850d2714d 100644
--- src/hg/htdocs/style/hgSession.css
+++ src/hg/htdocs/style/hgSession.css
@@ -7,37 +7,33 @@
 
 /* The whole app sits in #sessionApp, which also carries class "gbApp" for the design tokens. */
 #sessionApp { margin:12px 0 24px; }
 #sessionApp .sessIntro { font-size:14px; color:var(--ink); margin:0 0 14px; }
 #sessionApp .sessIntro a { color:var(--accent); }
 #sessionApp .sessIntro a:hover { color:var(--accentHover); }
 
 /* Save-current-view card - the primary action.  Neutral light-grey panel. */
 #sessionApp .sessSaveCard { border:0; background:#f6f8fa; padding:14px 16px;
     display:flex; flex-direction:column; gap:12px; margin:0 0 20px; }
 #sessionApp .sessSaveHead { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
 /* Title and the current-view summary share one font size (title is just bold). */
 #sessionApp .sessSaveTitle { font-size:14px; font-weight:700; color:var(--accent); }
 #sessionApp .sessSaveWhat { font-size:14px; }
 #sessionApp .sessSaveRow { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
-/* Name/description each get a label above the box (like .sessAdvItem) instead of a wordy
- * placeholder, and a box sized for what people actually type rather than the full card width. */
-#sessionApp .sessSaveField { display:flex; flex-direction:column; gap:5px; }
-#sessionApp .sessSaveField > .lab { font-weight:700; color:var(--ink); font-size:13px; }
-/* Width, not flex-basis: .sessSaveField is a column flex container, so a flex-basis here would
- * set the item's height (the column's main axis), not its width - that bug once made these boxes
- * hundreds of pixels tall. */
+/* Name/description: no label - the placeholder and the info bubble after the box say what it is -
+ * and a box sized for what people actually type rather than the full card width. */
+#sessionApp .sessSaveField { display:flex; align-items:center; gap:6px; }
 #sessionApp .sessSaveInput { width:260px; max-width:100%; height:34px; box-sizing:border-box;
     padding:0 11px; font-size:14px; border:1px solid var(--btnLine); border-radius:0; background:#fff;
     font-family:inherit; }
 #sessionApp #sessSaveDesc { width:650px; }
 
 #sessionApp .sessSaveCheck { display:flex; align-items:center; gap:7px; font-size:13px;
     color:var(--ink); white-space:nowrap; }
 
 /* One-click "overwrite the most recently saved session" - a compact thin bar above the save card. */
 #sessionApp .sessRecent { display:flex; align-items:center; gap:8px; flex-wrap:wrap;
     border:0; background:#f6f8fa; padding:6px 12px; font-size:14px; margin:0 0 12px; }
 #sessionApp .sessRecent .gbPill { padding:2px 10px; }
 #sessionApp .sessRecentTime { color:var(--muted); }
 /* Info bubble (navy circled i) used for the recent-update hint and session descriptions. */
 #sessionApp .sessInfo { color:var(--accent); cursor:help; font-size:15px; line-height:1; }