result layout

diff --git a/resources/js/components/results/List.js b/resources/js/components/results/List.js
index 448736a97bef7ee787ba6b7987f66ec9f370ced8..9ad089632c5b6e035c9799646cf3a178fe5c4d8e 100644 (file)
--- a/resources/js/components/results/List.js
+++ b/resources/js/components/results/List.js
@@ -4,7 +4,7 @@ import React from 'react';
 import Item from './Item';
 import { sortByResult } from '../../helpers/Participant';
 
-const List = ({ round, tournament }) => <div className="results d-flex">
+const List = ({ round, tournament }) => <div className="results d-flex flex-wrap">
        {sortByResult(tournament.participants, round).map(participant =>
                <Item
                        key={participant.id}

diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index 83949c925ab50a27d753fbd88b322ffcee577284..b83f37bce01b84d25fbf64301169d42fece5de8d 100644 (file)
--- a/resources/sass/rounds.scss
+++ b/resources/sass/rounds.scss
@@ -10,6 +10,7 @@
 
                .info {
                        padding-right: 1rem;
+                       min-width: 13em;
                }
        }
 }