When number of relayers is less than number of columns, reduce column number to number of relayers

2018-09-25 21:08:32 +02:00
parent b40861747b
commit d20f713fad
1 changed files with 5 additions and 1 deletions
--- a/packages/website/ts/components/relayer_index/relayer_index.tsx
+++ b/packages/website/ts/components/relayer_index/relayer_index.tsx
@@ -56,7 +56,11 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde
                </div>
            );
        } else {
-            const numberOfColumns = this._numberOfColumnsForScreenWidth(this.props.screenWidth);
+            const numberOfRelayers = this.state.relayerInfos.length;
+            const numberOfColumns = Math.min(
+                numberOfRelayers,
+                this._numberOfColumnsForScreenWidth(this.props.screenWidth),
+            );
            return (
                <GridList
                    cellHeight={CELL_HEIGHT}