Label dor "start" and "Finish", as well as their correct responsive size

This commit is contained in:
Luis Aleixo 2021-10-08 11:18:17 +02:00
parent 734076cf85
commit d3f262c45e
2 changed files with 14 additions and 6 deletions

View file

@ -22,6 +22,10 @@
align-self: center;
}
.start_time, .finish_time {
margin-bottom: 10px;
}
/* -------Tool tip ------- */
.tooltip_text {

View file

@ -271,27 +271,31 @@ v{{ calculator_version }} <span style="float:right; font-weight:bold">Please sen
<div style=" margin-right:2rem;">
<div class="boxMargin">
<div class="boxMargin pb-0">
Exposed person(s) presence:<br>
<div class="split">
<div>
Start: <input type="time" id="exposed_start" class="start_time" data-time-group="exposed" data-lunch-break="exposed_lunch" name="exposed_start" value="08:30" required> &nbsp;&nbsp;
<label class="tabbed mb-0">Start: </label>
<input type="time" id="exposed_start" class="start_time" data-time-group="exposed" data-lunch-break="exposed_lunch" name="exposed_start" value="08:30" required> &nbsp;&nbsp;
</div>
<div>
Finish: <input type="time" id="exposed_finish" class="finish_time" data-time-group="exposed" data-lunch-break="exposed_lunch" name="exposed_finish" value="17:30" required><br>
<label class="tabbed mb-0">Finish: </label>
<input type="time" id="exposed_finish" class="finish_time" data-time-group="exposed" data-lunch-break="exposed_lunch" name="exposed_finish" value="17:30" required><br>
</div>
</div>
</div>
<br>
<div class="boxMargin">
<div class="boxMargin pb-0">
Infected person(s) presence:<br>
<div class="split">
<div>
Start: <input type="time" id="infected_start" class="start_time" data-time-group="infected" data-lunch-break="infected_lunch" name="infected_start" value="08:30" required> &nbsp;&nbsp;
<label class="tabbed mb-0">Start: </label>
<input type="time" id="infected_start" class="start_time" data-time-group="infected" data-lunch-break="infected_lunch" name="infected_start" value="08:30" required> &nbsp;&nbsp;
</div>
<div>
Finish: <input type="time" id="infected_finish" class="finish_time" data-time-group="infected" data-lunch-break="infected_lunch" name="infected_finish" value="17:30" required><br>
<label class="tabbed mb-0">Finish: </label>
<input type="time" id="infected_finish" class="finish_time" data-time-group="infected" data-lunch-break="infected_lunch" name="infected_finish" value="17:30" required><br>
</div>
</div>
</div>