From 75ea013503be6126d38fe63df335add0e233a311 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 16 Dec 2019 12:33:04 +0100
Subject: [PATCH] MOBILE-3213 course: Fix section selector padding

---
 src/core/course/components/format/core-course-format.html | 2 +-
 src/core/course/components/format/format.scss             | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/core/course/components/format/core-course-format.html b/src/core/course/components/format/core-course-format.html
index 07b21f6db..453928f72 100644
--- a/src/core/course/components/format/core-course-format.html
+++ b/src/core/course/components/format/core-course-format.html
@@ -11,7 +11,7 @@
         <core-loading [hideUntil]="loaded">
             <!-- Section selector. -->
             <core-dynamic-component [component]="sectionSelectorComponent" [data]="data">
-                <div text-wrap *ngIf="displaySectionSelector && sections && sections.length" padding class="clearfix" ion-row justify-content-between class="safe-padding-horizontal" [class.core-section-download]="downloadEnabled">
+                <div text-wrap *ngIf="displaySectionSelector && sections && sections.length" padding class="clearfix" ion-row justify-content-between class="safe-padding-horizontal core-button-selector-row" [class.core-section-download]="downloadEnabled">
                     <button float-start ion-button icon-start icon-end (click)="showSectionSelector($event)" color="light" class="core-button-select button-no-uppercase" ion-col [attr.aria-label]="('core.course.sections' | translate) + ': ' + (selectedSection && (selectedSection.formattedName || selectedSection.name))" aria-haspopup="true" [attr.aria-expanded]="sectionSelectorExpanded" aria-controls="core-course-section-selector" id="core-course-section-button">
                         <core-icon name="fa-folder"></core-icon>
                         <span class="core-button-select-text">{{selectedSection && (selectedSection.formattedName || selectedSection.name) || 'core.course.sections' | translate }}</span>
diff --git a/src/core/course/components/format/format.scss b/src/core/course/components/format/format.scss
index 34684e29c..dfbbc4033 100644
--- a/src/core/course/components/format/format.scss
+++ b/src/core/course/components/format/format.scss
@@ -64,6 +64,10 @@ ion-app.app-root core-course-format {
         @include padding(null, 0, null, null);
     }
 
+    .core-button-selector-row {
+        @include safe-area-padding-start($content-padding !important, $content-padding);
+    }
+
     .core-course-section-nav-buttons {
         .button-inner core-format-text {
             white-space: nowrap;