This commit is contained in:
Ross
2021-12-11 11:50:10 +00:00
parent 19a66949a9
commit d7218e4df8
+26 -15
View File
@@ -22,38 +22,38 @@
<div class="form-contents"> <div class="form-contents">
<ol class="physics-answer-list"> <ol class="physics-answer-list">
<li data-ans="a"> <li data-ans="a">
<div class="fieldWrapper"> <div class="fieldWrapper flex-container">
{{ form.a.errors }} {{ form.a.errors }}
<label for="{{ form.a.id_for_label }}">{{question.a|safe}}</label> <label for="{{ form.a.id_for_label }}" class="flex-8">{{question.a|safe}}</label>
{{ form.a }} <span class="flex-1">{{ form.a }}</span>
</div> </div>
</li> </li>
<li data-ans="b"> <li data-ans="b">
<div class="fieldWrapper"> <div class="fieldWrapper flex-container">
{{ form.b.errors }} {{ form.b.errors }}
<label for="{{ form.b.id_for_label }}">{{question.b|safe}}</label> <label for="{{ form.b.id_for_label }}" class="flex-8">{{question.b|safe}}</label>
{{ form.b }} <span class="flex-1">{{ form.b }}</span>
</div> </div>
</li> </li>
<li data-ans="c"> <li data-ans="c">
<div class="fieldWrapper"> <div class="fieldWrapper flex-container">
{{ form.c.errors }} {{ form.c.errors }}
<label for="{{ form.c.id_for_label }}">{{question.c|safe}}</label> <label for="{{ form.c.id_for_label }}" class="flex-8">{{question.c|safe}}</label>
{{ form.c }} <span class="flex-1">{{ form.c }}</span>
</div> </div>
</li> </li>
<li data-ans="d"> <li data-ans="d">
<div class="fieldWrapper"> <div class="fieldWrapper flex-container">
{{ form.d.errors }} {{ form.d.errors }}
<label for="{{ form.d.id_for_label }}">{{question.d|safe}}</label> <label for="{{ form.d.id_for_label }}" class="flex-8">{{question.d|safe}}</label>
{{ form.d }} <span class="flex-1">{{ form.d }}</span>
</div> </div>
</li> </li>
<li data-ans="e"> <li data-ans="e">
<div class="fieldWrapper"> <div class="fieldWrapper flex-container">
{{ form.e.errors }} {{ form.e.errors }}
<label for="{{ form.e.id_for_label }}">{{question.e|safe}}</label> <label for="{{ form.e.id_for_label }}" class="flex-8">{{question.e|safe}}</label>
{{ form.e }} <span class="flex-1">{{ form.e }}</span>
</div> </div>
</li> </li>
</ol> </ol>
@@ -135,6 +135,17 @@
/* .form-contents { /* .form-contents {
display: none; display: none;
} */ } */
.flex-container {
display: flex;
}
.flex-1 {
flex: 1;
}
.flex-8 {
flex: 8;
}
.selected { .selected {
border: 1px solid purple; border: 1px solid purple;