diff --git a/src/apps/gameboard/static/apps/gameboard/natus-wheel.js b/src/apps/gameboard/static/apps/gameboard/natus-wheel.js index 1cea60d..223b067 100644 --- a/src/apps/gameboard/static/apps/gameboard/natus-wheel.js +++ b/src/apps/gameboard/static/apps/gameboard/natus-wheel.js @@ -570,7 +570,7 @@ const NatusWheel = (() => { const house = cusps.length ? _planetHouse(pdata.degree, cusps) : null; const domain = house ? HOUSE_LABELS[house] : ''; planetsHtml += - `
${psym} @${inDeg}°` + + `
${psym} @${inDeg}°` + (domain ? `, House of ${domain}` : '') + `
`; }); } @@ -609,14 +609,14 @@ const NatusWheel = (() => { const psym = PLANET_SYMBOLS[pname] || pname[0]; const inDeg = _inSignDeg(pdata.degree).toFixed(1); const sicon = _signIconSvg(pdata.sign) || (SIGNS.find(s => s.name === pdata.sign) || {}).symbol || ''; - planetsHtml += `
${psym} @${inDeg}° ${sicon}
`; + planetsHtml += `
${psym} @${inDeg}° ${sicon}
`; }); } if (_ttBody) { _ttBody.innerHTML = `
` + - `House of ${house.label}` + + `House of
${house.label}
` + `${house.num}` + `
` + (planetsHtml ? `
${planetsHtml}
` : ''); @@ -887,6 +887,7 @@ const NatusWheel = (() => { .attr('dominant-baseline', 'middle') .attr('font-size', `${_r * 0.05}px`) .attr('class', 'nw-house-num') + .attr('pointer-events', 'none') .text(i + 1); }); } diff --git a/src/static_src/scss/_natus.scss b/src/static_src/scss/_natus.scss index dd0e8bd..00d99c1 100644 --- a/src/static_src/scss/_natus.scss +++ b/src/static_src/scss/_natus.scss @@ -564,15 +564,21 @@ body[class*="-light"] { // House tooltip — "House of X" | number; planets in house .tt-house-header { display: flex; - align-items: baseline; + align-items: flex-start; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.3rem; } + .tt-house-of { + font-size: 0.6em; + font-weight: 700; + margin-right: 0.15em; + opacity: 0.9; + } .tt-house-num { font-size: 1.4rem; font-weight: 700; - opacity: 0.55; + opacity: 1; flex-shrink: 0; } .tt-house-planets {