More UI improvements

This commit is contained in:
Jan
2024-09-17 17:03:44 +02:00
parent 91802c2ecd
commit 8a1c7aff42
5 changed files with 196 additions and 93 deletions

View File

@@ -25,7 +25,7 @@
<source src="{{ url_for('static', filename='videos/GLEISvariations.mp4') }}" type="video/mp4">
</video>
<form class="formlayout" id="question_form" action="{{ url_for('sendpage') }}" method="post">
@@ -33,97 +33,69 @@
<div class="likert" style="--likert-rows: 7">
<label>
<input class="inputs" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 1 </span>
<input class="inputs" name="test1" type="radio" id="test1" value="1" required /><span> Option 1
</span>
</label>
<label>
<input class="inputs" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 2 </span>
<input class="inputs" name="test1" type="radio" id="test1" value="1" required /><span> Option 2
</span>
</label>
<label>
<input class="inputs" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 3 </span>
<input class="inputs" name="test1" type="radio" id="test1" value="1" required /><span> Option 3
</span>
</label>
<label>
<input class="inputs" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 4 </span>
<input class="inputs" name="test1" type="radio" id="test1" value="1" required /><span> Option 4
</span>
</label>
<label>
<input class="inputs" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 5 </span>
<input class="inputs" name="test1" type="radio" id="test1" value="1" required /><span> Option 5
</span>
</label>
<label>
<input class="inputs" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 6 </span>
<input class="inputs" name="test1" type="radio" id="test1" value="1" required /><span> Option 6
</span>
</label>
<label>
<input class="inputs" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 7 </span>
<input class="inputs" name="test1" type="radio" id="test1" value="1" required /><span> Option 7
</span>
</label>
</div>
</div>
<div class="normal-likert-container" style="--likert-rows: 7">
<div class="normal-likert-container" style="--likert-rows: 7">
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 1 </span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 2 </span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 3 </span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 4 </span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 5 </span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 6 </span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio"
id="test1"
value="1"
required /><span> Option 7 </span>
</label>
</div>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio" id="test1" value="1" required /><span> Option 1
</span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio" id="test1" value="1" required /><span> Option 2
</span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio" id="test1" value="1" required /><span> Option 3
</span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio" id="test1" value="1" required /><span> Option 4
</span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio" id="test1" value="1" required /><span> Option 5
</span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio" id="test1" value="1" required /><span> Option 6
</span>
</label>
<label class="likertlabel">
<input class="likertinput" name="test1" type="radio" id="test1" value="1" required /><span> Option 7
</span>
</label>
</div>
@@ -133,9 +105,7 @@
<div class="textarea-container">
<label class="textarea-label">
<textarea class="inputs" id="text"
name="text" rows="6" cols="60"
maxlength="200"></textarea>
<textarea class="inputs" id="text" name="text" rows="6" cols="60" maxlength="200"></textarea>
</label>
</div>