Improve the layout of the integration test a bit

This commit is contained in:
Patrick Walton 2017-11-17 17:29:18 -08:00
parent 3388b38e3b
commit b005e6d165
1 changed files with 14 additions and 9 deletions

View File

@ -13,7 +13,7 @@
</div>
<div id="pf-inner-container" class="container-fluid">
<div class="row">
<div id="pf-integration-test-sidebar" class="col">
<div id="pf-integration-test-sidebar" class="col p-3">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link" id="pf-test-suite-tab" data-toggle="tab"
@ -28,7 +28,7 @@
</li>
</ul>
<div class="tab-content">
<div class="tab-pane p-3" id="pf-test-suite" role="tabpanel"
<div class="tab-pane pt-3" id="pf-test-suite" role="tabpanel"
aria-labelledby="pf-test-suite-tab">
<button id="pf-run-tests-button" class="btn btn-primary m-2">
Run Tests
@ -106,16 +106,21 @@
</div>
</div>
</div>
<div class="col">
<div class="col-auto d-flex flex-column">
<div class="row">
<canvas id="pf-reference-canvas" class="pf-draggable border"
width="300" height="400"></canvas>
<canvas id="pf-canvas" class="pf-draggable pf-no-autoresize border"
width="300" height="400"></canvas>
<canvas id="pf-reference-canvas"
class="pf-draggable border border-top-0 border-right-0"
width="250" height="200"></canvas>
</div>
<div class="row">
<canvas id="pf-difference-canvas" class="pf-draggable border"
width="300" height="400"></canvas>
<canvas id="pf-canvas"
class="pf-draggable pf-no-autoresize border border-top-0 border-right-0"
width="250" height="200"></canvas>
</div>
<div class="row">
<canvas id="pf-difference-canvas"
class="pf-draggable border border-top-0 border-right-0"
width="250" height="200"></canvas>
</div>
</div>
</div>