From 01d799850742b5be1883af4c38316c55dcd66ea2 Mon Sep 17 00:00:00 2001
From: "Lopes Marc (loma)" <loma@odoo.com>
Date: Wed, 13 Dec 2023 13:18:49 +0100
Subject: [PATCH] [FIX] website_slides: align slide navigation btns vertically
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

HOW TO REPRODUCE
================
Don't sign in and go to front-end > Courses > Trees, Wood and Gardens >
Main Trees Categories. '< Prev' and 'Next >' are not centered vertically.

HOW TO FIX
==========
Slides navigation buttons are <a> HTML elements. Add them bootstrap
class 'my-auto' to handle their height properly.

task-3633452

closes odoo/odoo#152130

X-original-commit: 4fb0631526153272c7fe203b35980fd7b18f6125
Signed-off-by: Warnon Aurélien (awa) <awa@odoo.com>
---
 .../views/website_slides_templates_lesson.xml        | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/addons/website_slides/views/website_slides_templates_lesson.xml b/addons/website_slides/views/website_slides_templates_lesson.xml
index 5b6daba8fc6..09bb7fc4c7e 100644
--- a/addons/website_slides/views/website_slides_templates_lesson.xml
+++ b/addons/website_slides/views/website_slides_templates_lesson.xml
@@ -246,7 +246,7 @@
                 </t>
             </span>
             <div class="btn-group flex-grow-1 flex-sm-0 my-1" role="group" aria-label="Lesson Nav">
-                <a t-attf-class="o_wslides_nav_button btn btn-light border #{'disabled' if not previous_slide else ''} me-2"
+                <a t-attf-class="o_wslides_nav_button btn btn-light border my-auto #{'disabled' if not previous_slide else ''} me-2"
                     role="button" t-att-aria-disabled="'disabled' if not previous_slide else None"
                     t-att-href="'/slides/slide/%s' % (slug(previous_slide)) if previous_slide else '#'">
                     <i class="oi oi-chevron-left me-2"></i> <span class="d-none d-sm-inline-block">Prev</span>
@@ -274,20 +274,20 @@
                         <t t-set="channel" t-value="slide.channel_id"/>
                     </t>
                 </div>
-                <a t-attf-class="o_wslides_nav_button btn btn-light border #{'disabled' if not next_slide else ''}"
+                <a t-attf-class="o_wslides_nav_button btn btn-light border my-auto #{'disabled' if not next_slide else ''}"
                     role="button" t-att-aria-disabled="'disabled' if not next_slide else None"
                     t-att-href="'/slides/slide/%s' % (slug(next_slide)) if next_slide else '#'">
                     <span class="d-none d-sm-inline-block">Next</span> <i class="oi oi-chevron-right ms-2"></i>
                 </a>
             </div>
             <a class="btn btn-light border ms-2 my-1" role="button" t-att-href="'/slides/slide/%s?fullscreen=1' % (slug(slide))">
-                <i class="fa fa-desktop me-2"/>
-                <span class="d-none d-sm-inline-block">Fullscreen</span>
+                <i class="fa fa-desktop me-xl-2 my-1"/>
+                <span class="d-none d-xl-inline-block">Fullscreen</span>
             </a>
              <a class="btn btn-light border ms-2 my-1" role="button" data-bs-toggle="modal"
                 t-att-data-bs-target="'#slideShareModal_%s' % slide.id">
-                <i class="fa fa-share-alt me-2"/>
-                <span class="d-none d-sm-inline-block">Share</span>
+                <i class="fa fa-share-alt me-xl-2 my-1"/>
+                <span class="d-none d-xl-inline-block">Share</span>
             </a>
         </div>
     </div>