better chart ui

diff --git a/resources/js/components/tournament/ScoreChartDialog.js b/resources/js/components/tournament/ScoreChartDialog.js
index 84e387353e3b67371b4c96ba45067bba20383654..958fcedea052786ca13f8d43d7e53ec0e1e03819 100644 (file)
--- 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 dd87993295082be648cb97dacd5eb8ada0b70cbf..8f2239f1695c2a87515d5cf876784b1ef4b769f7 100644 (file)
--- 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 56129efb4c6308bfbd01df8cd560d70962e0d868..97822fe32037ad1185f6e004635a5371de4fb258 100644 (file)
--- 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;