diff options
Diffstat (limited to 'partials/visualisation.html')
-rw-r--r-- | partials/visualisation.html | 62 |
1 files changed, 35 insertions, 27 deletions
diff --git a/partials/visualisation.html b/partials/visualisation.html index ae310fa..19fd886 100644 --- a/partials/visualisation.html +++ b/partials/visualisation.html @@ -2,40 +2,48 @@ ng-style="selected && {'top': '35%'}"> - <div class="lane"> - <div class="box" - ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" - ng-repeat="step in integrations" - ng-click="select(step, $event)"> - {{step.name}} + <div class="row"> + + <div class="lane col-md-2"></div> + + <div class="lane col-md-2"> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in integrations" + ng-click="select(step, $event)"> + {{step.name}} + </div> </div> - </div> - <div class="lane"> - <div class="box" - ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" - ng-repeat="step in builds" - ng-click="select(step, $event)"> - {{step.name}} + <div class="lane col-md-2"> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in builds" + ng-click="select(step, $event)"> + {{step.name}} + </div> </div> - </div> - <div class="lane"> - <div class="box" - ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" - ng-repeat="step in deploys" - ng-click="select(step, $event)"> - {{step.name}} + <div class="lane col-md-2"> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in deploys" + ng-click="select(step, $event)"> + {{step.name}} + </div> </div> - </div> - <div class="lane"> - <div class="box" - ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" - ng-repeat="step in tests" - ng-click="select(step, $event)"> - {{step.name}} + <div class="lane col-md-2"> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in tests" + ng-click="select(step, $event)"> + {{step.name}} + </div> </div> + + <div class="lane col-md-2"></div> + </div> <br /> |