739fffa3ab988af1d616622d1bf72051b3d06548 max Fri Sep 18 09:33:25 2026 -0700 hgSession: even out the gap below the save card #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 73850d2714d..bacbdd50f43 100644 --- src/hg/htdocs/style/hgSession.css +++ src/hg/htdocs/style/hgSession.css @@ -1,31 +1,31 @@ /* hgSession.css - session-specific layout for the modern "My Sessions" page (hgSession.js). * * The shared UCSC house-style components (tokens, .gbPill, .gbBanner, .gbCard, .gbModal*, * .gbSection, .gbShareBox, .gbTable) live in gbModern.css, loaded alongside this file via * webIncludeResourceFile. This file only holds the pieces unique to the sessions page: the * save-current-view card, the session table's columns, and the Advanced panel. */ /* 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; } + display:flex; flex-direction:column; gap:12px; margin:0 0 12px; } #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: 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; }