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 =
`` +
(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 {