app/public/templates/themes/lowres.html
<div class="lowres full-size">
<div class="flex-container" data-bind="foreach: builds">
<div data-bind='hover: isMenuVisible' class="flex-item">
<div data-bind="animateCss: style" class="flex-item-inner nowrap">
<span data-bind="text: number" class="number nowrap"></span>
<div class="clear"></div>
<div class="medium-height nowrap prio-vertical-two">
<span class="info-block middle">
<span data-bind="text: project" class="project"></span>
<span data-bind="text: definition, visible: definition" class="definition project-definition-separator"></span>
</span>
<span class="reason-block prio-horizontal-two">
<span class="reason-icon middle fa fa-cog"></span>
<span data-bind="text: reason" class="middle reason"></span>
</span>
</div>
<div class="clear"></div>
<div class="medium-height nowrap prio-vertical-one">
<span class="middle requestedFor-block">
<span class="middle fa fa-user"></span>
<span data-bind="text: requestedFor" class="middle for"></span>
</span>
<span class="middle duration-block reset-height prio-horizontal-three">
<span class="duration-icon fa fa-clock-o"></span>
<span data-bind="text: time" class="middle time"></span>
<br />
<span data-bind="text: duration" class="middle time"></span>
</span>
</div>
<div class="clear"></div>
<div class="medium-height nowrap prio-vertical-three">
<span data-bind="text: statusText" class="middle status"></span>
<span class="middle warnings prio-horizontal-one">
<span data-bind="visible: hasWarnings" class="middle fa fa-exclamation-triangle"></span>
<span data-bind="visible: hasErrors" class="middle fa fa-times-circle"></span>
</span>
</div>
<div class="clear"></div>
</div>
<div data-bind="fade: isMenuAvailable() && isMenuVisible(), fadeInDuration: 200, fadeOutDuration: 10" style="display: none" class="overlay">
<a data-bind="visible: url, attr: { href: url }" target="_blank">
<i class="fa fa-external-link"></i>
</a>
</div>
</div>
</div>
</div>