From de8173c20a741b9535d36bf07e1429309f745bd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 11 Feb 2022 15:07:16 +0100
Subject: [PATCH] MOBILE-3808 course: Fix section navigation button padding and
 width

---
 .../course/components/format/core-course-format.html   | 10 +---------
 src/core/features/course/components/format/format.scss |  2 ++
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/core/features/course/components/format/core-course-format.html b/src/core/features/course/components/format/core-course-format.html
index 33837629f..8c350f930 100644
--- a/src/core/features/course/components/format/core-course-format.html
+++ b/src/core/features/course/components/format/core-course-format.html
@@ -1,11 +1,3 @@
-<!-- Buttons to add to the header. *ngIf is needed, otherwise the component is executed too soon and doesn't find the header. -->
-<core-navbar-buttons slot="end" *ngIf="loaded">
-    <core-context-menu>
-        <core-context-menu-item [hidden]="!displayCourseIndex || !sections || !sections.length" [priority]="500"
-            [content]="'core.course.courseindex' | translate" (action)="openCourseIndex()" iconAction="fas-list-ul">
-        </core-context-menu-item>
-    </core-context-menu>
-</core-navbar-buttons>
 <core-dynamic-component [component]="courseFormatComponent" [data]="data">
     <!-- Default course format. -->
     <core-loading [hideUntil]="loaded">
@@ -33,7 +25,7 @@
             <core-infinite-loading [enabled]="canLoadMore" (action)="showMoreActivities($event)"></core-infinite-loading>
         </div>
 
-        <ion-buttons class="ion-padding core-course-section-nav-buttons safe-area-padding-horizontal"
+        <ion-buttons class="ion-padding core-course-section-nav-buttons safe-area-padding-horizontal list-item-limited-width"
             *ngIf="displayCourseIndex && (previousSection || nextSection)">
             <ion-button *ngIf="previousSection" (click)="sectionChanged(previousSection)" color="primary" fill="solid" expand="block"
                 [attr.aria-label]="('core.previous' | translate) + ': ' + previousSection.name">
diff --git a/src/core/features/course/components/format/format.scss b/src/core/features/course/components/format/format.scss
index 4567b6b78..869e69a96 100644
--- a/src/core/features/course/components/format/format.scss
+++ b/src/core/features/course/components/format/format.scss
@@ -1,6 +1,8 @@
 .core-course-section-nav-buttons {
     display: flex;
     justify-content: space-between;
+    padding-left: 8px;
+    padding-right: 8px;
 
     ion-button {
         white-space: nowrap;