diff --git a/src/apps/gameboard/static/apps/gameboard/natus-wheel.js b/src/apps/gameboard/static/apps/gameboard/natus-wheel.js index 2391b7c..be6cd81 100644 --- a/src/apps/gameboard/static/apps/gameboard/natus-wheel.js +++ b/src/apps/gameboard/static/apps/gameboard/natus-wheel.js @@ -706,8 +706,7 @@ const NatusWheel = (() => { if (CLASSIC_ELEMENTS.has(item.key)) { const contribs = elData.contributors || []; - bodyHtml = `
${vecImg} +${count} (${pct}%)
`; - bodyHtml += `
Planets +${contribs.length}
`; + bodyHtml = `
Planets +${contribs.length}
`; if (contribs.length) { bodyHtml += '
'; contribs.forEach(c => { @@ -720,7 +719,6 @@ const NatusWheel = (() => { } else if (item.key === 'Time') { const stellia = elData.stellia || []; - bodyHtml = `
${vecImg} +${count} (${pct}%)
`; if (stellia.length) { const isTie = stellia.length > 1; bodyHtml += '
'; @@ -745,7 +743,6 @@ const NatusWheel = (() => { } else if (item.key === 'Space') { const parades = elData.parades || []; - bodyHtml = `
${vecImg} +${count} (${pct}%)
`; if (parades.length) { bodyHtml += '
'; parades.forEach(pd => { @@ -778,9 +775,13 @@ const NatusWheel = (() => { if (_ttBody) { _ttBody.innerHTML = `
` + - squareImg + + `
` + + squareImg + + `
+${count} (${pct}%)
` + + `
` + `${info.name}` + `
` + + `${item.key}-Capacitor` + bodyHtml; } _positionTooltipAtItem('elements', idx); diff --git a/src/static_src/scss/_natus.scss b/src/static_src/scss/_natus.scss index b527443..2836a54 100644 --- a/src/static_src/scss/_natus.scss +++ b/src/static_src/scss/_natus.scss @@ -619,6 +619,7 @@ body[class*="-light"] { opacity: 1; flex-shrink: 0; } + .tt-element-type, .tt-house-type, .tt-sign-type { display: block; @@ -710,12 +711,24 @@ body[class*="-light"] { margin-bottom: 0.3rem; } - .tt-el-square { + .tt-el-badge-col { float: right; - display: block; + display: flex; + flex-direction: column; + align-items: center; + gap: 0.2rem; margin-left: 0.5rem; } + .tt-el-square { + display: block; + } + + .tt-el-score { + font-size: 0.7rem; + text-align: center; + } + .tt-el-vec { display: inline; vertical-align: middle;