Fixed some styles/layout on the test add page

This commit is contained in:
Gregory Ballantine 2024-06-03 08:38:28 -04:00
parent f27490e192
commit 9e164485ed
2 changed files with 20 additions and 13 deletions

View File

@ -71,3 +71,8 @@ textarea{
margin-top: 15px; margin-top: 15px;
padding: 15px 20px; padding: 15px 20px;
} }
#benchmark-selector{
$max-width: 100%;
$min-height: 100px;
}

View File

@ -14,25 +14,14 @@
<div class="twelve columns"> <div class="twelve columns">
<form action="{{ url_for('test.add') }}" method="POST" class="u-full-width"> <form action="{{ url_for('test.add') }}" method="POST" class="u-full-width">
<div class="row"> <div class="row">
<div class="four columns"> <div class="six columns">
<label> <label>
Test title: Test title:
<input class="u-full-width" type="text" name="test_title" placeholder="My new test"> <input class="u-full-width" type="text" name="test_title" placeholder="My new test">
</label> </label>
</div> </div>
<div class="four columns"> <div class="six columns">
<label>
Benchmarks:
<select class="u-full-width" name="test_benchmarks" multiple>
{% for b in benchmarks %}
<option value="{{ b.id }}">{{ b.name }}</option>
{% endfor %}
</select>
</label>
</div>
<div class="four columns">
<label> <label>
Hardware component: Hardware component:
<select class="u-full-width" name="test_component"> <select class="u-full-width" name="test_component">
@ -44,6 +33,19 @@
</div> </div>
</div> </div>
<div class="row">
<div class="twelve columns">
<label>
Benchmarks:
<select id="benchmark-select" class="u-full-width" name="test_benchmarks" multiple>
{% for b in benchmarks %}
<option value="{{ b.id }}">{{ b.name }}</option>
{% endfor %}
</select>
</label>
</div>
</div>
<div class="row"> <div class="row">
<div class="twelve columns"> <div class="twelve columns">
<label> <label>