web: update status page layout based on screen size

This change updates the status page to hold more columns for large screen.

Change-Id: I59a1439d0171df297bddc1d74f4604c4ab838a12
This commit is contained in:
Tristan Cacqueray 2018-12-04 06:13:50 +00:00
parent c933eac2ed
commit a6f7517394
1 changed files with 1 additions and 1 deletions

View File

@ -116,7 +116,7 @@ class Pipeline extends React.Component {
const { pipeline, filter, expanded } = this.props
const count = this.createTree(pipeline)
return (
<div className="zuul-pipeline col-md-4">
<div className="zuul-pipeline col-sm-6 col-md-4 col-lg-3">
<div className="zuul-pipeline-header">
<h3>{pipeline.name} <Badge>{count}</Badge></h3>
{pipeline.description ? (