diff --git a/views/projects/item/fediverse-madness/scripts/game.js b/views/projects/item/fediverse-madness/scripts/game.js index 0d00f88..19d7b5a 100644 --- a/views/projects/item/fediverse-madness/scripts/game.js +++ b/views/projects/item/fediverse-madness/scripts/game.js @@ -656,17 +656,20 @@ function endGame() { // el_id_winnerUserFields.innerHTML = winningPlayer.fields.reduce((pv, fields) => pv + `${escapeHtml(fields.name)}${escapeHtml(fields.value)}`, ""); el_id_winnermessage.innerHTML = `Congratulations, ${renderNameHTML(escapeHtml(winningPlayer.display_name), winningPlayer)}! You won the bracket!`; - el_id_winnerusers.innerHTML = `
${state.reduce((pv, cs) => { + el_id_winnerusers.innerHTML = state.reduce((pv, cs) => { return pv + `
${cs.reduce((pvus, cus) => { - return pvus + cus.reduce((pvu, cu) => { - return pvu + `` - }, "") + console.log(cus); + return pvus + `` }, "")}
` - }, "")}
` + }, ""); } el_id_winnerPlayAgain.addEventListener("click", (x) => { diff --git a/views/projects/item/fediverse-madness/style.css b/views/projects/item/fediverse-madness/style.css index f791c1b..30f3811 100644 --- a/views/projects/item/fediverse-madness/style.css +++ b/views/projects/item/fediverse-madness/style.css @@ -53,17 +53,17 @@ .flexUsersVert { display: flex; - flex-direction: column; - align-items: safe center; + flex-direction: row; + align-items: stretch; overflow: auto; gap: 0.5em; } .flexUser { display: flex; + flex-direction: column; flex-wrap: nowrap; - justify-content: space-evenly; - width: 100%; + justify-content: space-around; gap: 0.5em; } @@ -71,10 +71,21 @@ text-align: center; width: 256px; min-width: 256px; + height: 150px; + min-height: 150px; + box-sizing: content-box; overflow: hidden; word-wrap: break-word; } +.flexUserGroup { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: space-around; + gap: 0.5em; +} + .flexUserUser * { word-wrap: break-word; } \ No newline at end of file