From 38eb7b16ffc6312d44c881efee7fa3d4fc554ce0 Mon Sep 17 00:00:00 2001
From: Noe Antoine <nan@odoo.com>
Date: Thu, 7 Jul 2022 12:42:47 +0000
Subject: [PATCH] [IMP] survey: align result badges on the right
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 .../survey/views/survey_templates_statistics.xml   | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/addons/survey/views/survey_templates_statistics.xml b/addons/survey/views/survey_templates_statistics.xml
index 240d6265aeb..b2a1df40499 100644
--- a/addons/survey/views/survey_templates_statistics.xml
+++ b/addons/survey/views/survey_templates_statistics.xml
@@ -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>