Improve the layout of the integration test a bit
</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"
</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
</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>
