From 6504612cf2cd2ff6f84f652fd4617578a95e703c Mon Sep 17 00:00:00 2001
From: "Antoine (anso)" <anso@odoo.com>
Date: Tue, 11 Jul 2023 08:27:37 +0000
Subject: [PATCH] [FIX] loyalty: empty list view on mobile

This commit fixes `.o_view_nocontent`'s mobile layout. Prior this
commit, it's content was overflowing on top of the page.

task-3418657
part of task-3015891

closes odoo/odoo#129115

X-original-commit: a51310a53ac3abf7435223e2d2a3215a3e60df50
Signed-off-by: Victor Feyens (vfe) <vfe@odoo.com>
Signed-off-by: Vallaeys Valentin (vava) <vava@odoo.com>
---
 addons/loyalty/static/src/scss/loyalty.scss         | 6 +++---
 addons/loyalty/static/src/xml/loyalty_templates.xml | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/addons/loyalty/static/src/scss/loyalty.scss b/addons/loyalty/static/src/scss/loyalty.scss
index 9f1b44e1cbc..e648d72a5ac 100644
--- a/addons/loyalty/static/src/scss/loyalty.scss
+++ b/addons/loyalty/static/src/scss/loyalty.scss
@@ -65,8 +65,8 @@
     }
 }
 
-.o_loyalty_program_list_view_view .o_list_renderer {
-    .o_view_nocontent {
-        top: 10% !important;
+.o_loyalty_program_list_view_view .o_list_renderer .o_view_nocontent{
+    @include media-breakpoint-down(lg){
+        height: fit-content;
     }
 }
diff --git a/addons/loyalty/static/src/xml/loyalty_templates.xml b/addons/loyalty/static/src/xml/loyalty_templates.xml
index e3ac08c9507..f37e14ca509 100644
--- a/addons/loyalty/static/src/xml/loyalty_templates.xml
+++ b/addons/loyalty/static/src/xml/loyalty_templates.xml
@@ -9,7 +9,7 @@
     </t>
 
     <t t-name="loyalty.LoyaltyActionHelper" owl="1">
-        <div class="o_view_nocontent">
+        <div class="o_view_nocontent flex-wrap pt-5">
             <div class="container">
                 <div class="o_nocontent_help">
                     <t t-out="props.noContentHelp"/>
@@ -18,16 +18,16 @@
                     <t t-foreach="Object.entries(loyaltyTemplateData)" t-as="data" t-key="data[0]">
                         <t t-set="loyalty_el_icon" t-value="data[1].icon"/>
                         <t t-set="loyalty_el_title" t-value="data[1].title"/>
-                        <div class="col-6 col-lg-3 py-4">
+                        <div class="col-6 col-md-4 col-lg-3 py-4">
                             <div class="card rounded p-3 d-flex align-items-stretch h-100 loyalty-template" t-on-click.stop.prevent="() => this.onTemplateClick(data[0])">
                                 <div class="row m-0 w-100 h-100">
                                     <div class="col-lg-4 p-0">
-                                        <div class="d-flex w-100 h-100 align-items-center justify-content-center display-3 p-3 text-muted">
+                                        <div class="d-flex w-100 h-100 align-items-start justify-content-center display-3 p-3 text-muted">
                                             <img t-attf-src="/loyalty/static/img/{{loyalty_el_icon}}.svg" t-attf-alt="{{loyalty_el_title}}"/>
                                         </div>
                                     </div>
                                     <div class="col-lg-8 p-0">
-                                        <div class="card-body d-flex flex-column text-center justify-content-center text-lg-start h-100">
+                                        <div class="card-body d-flex flex-column align-items-start justify-content-start h-100">
                                             <h3 class="card-title" t-out="loyalty_el_title"/>
                                             <p class="card-text" t-out="data[1].description"/>
                                         </div>