[IMP] survey: align result badges on the right

Before the change added in odoo/odoo#87990 the badges on the result
view were aligned on the right. However, this broke the mobile design.
This was changed to a bootstrap column view but the alignment was lost
in the process.

It is brought back using a text-right alignment, making sure the center
remains clean and the view open and clear enough. However, for very
small screens they are displayed aligned on the left. The column display
is kept.

Also harmonizes the spacing of the badge of matrix_subtype.

Task-2908045

closes odoo/odoo#95545

Signed-off-by: Warnon Aurélien (awa) <awa@odoo.com>
This commit is contained in:
Noe Antoine
2022-07-14 09:10:50 +02:00
parent 9f3da72423
commit 38eb7b16ff
@@ -69,25 +69,25 @@
<h5 t-field="question.title" class="me-3"/>
</div>
<!-- Question info -->
<div class="col-sm-6">
<span class="badge text-bg-info me-1" t-field='question.question_type'/>
<div class="col-sm-6 text-sm-end">
<span class="badge text-bg-info ms-0 ms-sm-1 me-1 me-sm-0" t-field='question.question_type'/>
<t t-if="question.question_type == 'matrix'">
<span class="badge text-bg-info ms-1" t-field='question.matrix_subtype'/>
<span class="badge text-bg-info ms-0 ms-sm-1 me-1 me-sm-0" t-field='question.matrix_subtype'/>
</t>
<!-- Scoring info -->
<t t-if="question.question_type in ['numerical_box', 'date', 'datetime']">
<span class="badge text-bg-success me-1"><span t-esc="question_data['right_inputs_count']" class="me-1"/>Correct</span>
<span class="badge text-bg-success ms-0 ms-sm-1 me-1 me-sm-0"><span t-esc="question_data['right_inputs_count']" class="me-1"/>Correct</span>
<t t-if="question.question_type in ['simple_choice', 'multiple_choice']">
<span class="badge text-bg-warning me-1" t-if="question.question_type == 'multiple_choice'">
<span class="badge text-bg-warning ms-0 ms-sm-1 me-1 me-sm-0" t-if="question.question_type == 'multiple_choice'">
<span t-esc="question_data['partial_inputs_count']" class="me-1"/>Partial
</span>
</t>
</t>
<!-- Inputs info -->
<span class="badge text-bg-info me-1">
<span class="badge text-bg-info ms-0 ms-sm-1 me-1 me-sm-0">
<span t-esc="len(question_data['answer_input_done_ids'])" class="me-1"/>Answered
</span>
<span class="badge text-bg-info me-1">
<span class="badge text-bg-info ms-0 ms-sm-1 me-1 me-sm-0">
<span t-esc="len(question_data['answer_input_skipped_ids'])" class="me-1"/>Skipped
</span>
</div>