Switched CSS framework to Bootstrap

This commit is contained in:
Gregory Ballantine
2025-06-26 15:34:02 -04:00
parent e59d606f8c
commit de9e082961
17 changed files with 320 additions and 310 deletions

View File

@ -3,39 +3,39 @@
{% block title %}Test: {{ test.title }}{% endblock %}
{% block content %}
<div class="row">
<div class="twelve columns">
<div class="row mb-3">
<div class="col-12">
<h1>{{ test.title }}</h1>
<p>{{ test.description }}</p>
</div>
</div>
<hr>
<hr class="mb-4">
<div class="row">
<div class="twelve columns">
<form id="result-form" class="u-full-width" action="{{ url_for('api.resultAdd') }}" method="POST">
<div class="row mb-4">
<div class="col-12">
<form id="result-form" action="{{ url_for('api.resultAdd') }}" method="POST">
<div class="row">
<div class="four columns">
<select class="u-full-width" name="result_benchmark">
<div class="col-4">
<select class="form-select" name="result_benchmark">
{% for b in test.benchmarks %}
<option value="{{ b.id }}">{{ b.name }}</option>
{% endfor %}
</select>
</div>
<div class="two columns">
<input class="u-full-width" type="number" step="0.01" name="result_avg" placeholder="0.0">
<div class="col-2">
<input class="form-control" type="number" step="0.01" name="result_avg" placeholder="0.0">
</div>
<div class="two columns">
<input class="u-full-width" type="number" step="0.01" name="result_min" placeholder="0.0">
<div class="col-2">
<input class="form-control" type="number" step="0.01" name="result_min" placeholder="0.0">
</div>
<div class="two columns">
<input class="u-full-width" type="number" step="0.01" name="result_max" placeholder="0.0">
<div class="col-2">
<input class="form-control" type="number" step="0.01" name="result_max" placeholder="0.0">
</div>
<div class="two columns">
<button class="button-primary u-full-width" type="submit" name="button">Submit</button>
<div class="col-2">
<button class="btn btn-primary w-100" type="submit" name="button">Submit Result</button>
</div>
</div>
@ -45,14 +45,14 @@
</div>
</div>
<hr>
<hr class="mb-4">
<div class="row">
<div class="twelve columns">
<h3>Benchmark results:</h3>
<div class="col-12">
<h3 class="mb-3">Benchmark results:</h3>
<table id="results-table" class="u-full-width" data-test-id="{{ test.id }}">
<thead>
<table id="results-table" class="table table-hover table-responsive" data-test-id="{{ test.id }}">
<thead class="table-light">
<tr>
<th>Benchmark</th>
<th>Scoring</th>