From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Tue, 12 Apr 2022 22:36:07 +0000 (+0200)
Subject: better chart ui
X-Git-Url: https://git.localhorst.tv/?a=commitdiff_plain;h=68d65789e2b64cd32d778c1e69a346521d2e38d6;p=alttp.git

better chart ui
---

diff --git a/resources/js/components/tournament/ScoreChartDialog.js b/resources/js/components/tournament/ScoreChartDialog.js
index 84e3873..958fced 100644
--- a/resources/js/components/tournament/ScoreChartDialog.js
+++ b/resources/js/components/tournament/ScoreChartDialog.js
@@ -11,7 +11,7 @@ const ScoreChartDialog = ({
 	show,
 	tournament,
 }) =>
-<Modal className="score-chart-dialog" onHide={onHide} show={show} size="lg">
+<Modal className="score-chart-dialog" dialogClassName="modal-90w" onHide={onHide} show={show}>
 	<Modal.Header closeButton>
 		<Modal.Title>
 			{i18n.t('tournaments.scoreChart')}
diff --git a/resources/js/helpers/Tournament.js b/resources/js/helpers/Tournament.js
index dd87993..8f2239f 100644
--- a/resources/js/helpers/Tournament.js
+++ b/resources/js/helpers/Tournament.js
@@ -38,8 +38,8 @@ export const getScoreTable = tournament => {
 	runners.forEach(participant => {
 		running[participant.id] = 0;
 	});
-	const data = [...tournament.rounds].reverse().map(round => {
-		const entry = { number: `#${round.number}` };
+	const data = [...tournament.rounds, {}].reverse().map(round => {
+		const entry = { number: round.number ? `#${round.number}` : '' };
 		runners.forEach(participant => {
 			const result = Participant.findResult(participant, round);
 			if (result && result.score) {
diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 56129ef..97822fe 100644
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -24,6 +24,11 @@ h1 {
 	}
 }
 
+.modal-90w {
+	width: 90%;
+	max-width: none !important;
+}
+
 .spoiler {
 	border-radius: 0.5ex;
 	padding: 0 0.5ex;