From 952bfd1ddf8b2c2c20d9549edd4de915cecd95e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 28 Feb 2022 10:15:53 +0100
Subject: [PATCH] MOBILE-3149 module: Show 2-buttons on row on collapsible
 footer

---
 .../components/index/index.html               |  2 +-
 .../index/addon-mod-choice-index.html         |  2 +-
 .../index/addon-mod-feedback-index.html       |  3 ++-
 src/addons/mod/feedback/pages/form/form.html  |  2 +-
 .../index/addon-mod-scorm-index.html          | 20 ++++++++++---------
 src/theme/theme.base.scss                     | 10 ++++++++++
 6 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/addons/mod/bigbluebuttonbn/components/index/index.html b/src/addons/mod/bigbluebuttonbn/components/index/index.html
index 1463c7c65..b960f1f79 100644
--- a/src/addons/mod/bigbluebuttonbn/components/index/index.html
+++ b/src/addons/mod/bigbluebuttonbn/components/index/index.html
@@ -103,7 +103,7 @@
     </ng-container>
 
     <div collapsible-footer *ngIf="!showLoading" slot="fixed">
-        <div class="list-item-limited-width"
+        <div class="list-item-limited-width adaptable-buttons-row"
             *ngIf="meetingInfo && (meetingInfo.canjoin || meetingInfo.statusrunning && meetingInfo.ismoderator)">
             <ion-button *ngIf="meetingInfo.statusrunning && meetingInfo.ismoderator" fill="outline" class="ion-margin ion-text-wrap"
                 expand="block" (click)="endMeeting()">
diff --git a/src/addons/mod/choice/components/index/addon-mod-choice-index.html b/src/addons/mod/choice/components/index/addon-mod-choice-index.html
index be4e8eb0b..715d95fc2 100644
--- a/src/addons/mod/choice/components/index/addon-mod-choice-index.html
+++ b/src/addons/mod/choice/components/index/addon-mod-choice-index.html
@@ -136,7 +136,7 @@
 
 
     <div collapsible-footer *ngIf="!showLoading" slot="fixed">
-        <div class="list-item-limited-width" *ngIf="options.length && choice && (canEdit || canDelete)">
+        <div class="list-item-limited-width adaptable-buttons-row" *ngIf="options.length && choice && (canEdit || canDelete)">
             <ion-button *ngIf="canDelete" expand="block" fill="outline" (click)="delete()" class="ion-margin ion-text-wrap">
                 {{ 'addon.mod_choice.removemychoice' | translate }}
             </ion-button>
diff --git a/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html b/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
index bf91cdaec..7a1c4b742 100644
--- a/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
+++ b/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
@@ -35,7 +35,8 @@
     </core-tabs>
 
     <div collapsible-footer *ngIf="!showLoading" slot="fixed">
-        <div class="list-item-limited-width" *ngIf="access && (access.canedititems || access.canviewreports || !access.isempty)">
+        <div class="list-item-limited-width adaptable-buttons-row"
+            *ngIf="access && (access.canedititems || access.canviewreports || !access.isempty)">
             <ion-button expand="block" fill="outline" (click)="gotoAnswerQuestions(true)" class="ion-margin ion-text-wrap">
                 <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
                 {{ 'addon.mod_feedback.preview' | translate }}
diff --git a/src/addons/mod/feedback/pages/form/form.html b/src/addons/mod/feedback/pages/form/form.html
index 82446c6ad..99d48dd4e 100644
--- a/src/addons/mod/feedback/pages/form/form.html
+++ b/src/addons/mod/feedback/pages/form/form.html
@@ -150,7 +150,7 @@
         </ion-card>
 
         <div collapsible-footer *ngIf="feedbackLoaded && completed" slot="fixed">
-            <div class="list-item-limited-width">
+            <div class="list-item-limited-width adaptable-buttons-row">
                 <ion-button expand="block" fill="outline" (click)="showAnalysis()" class="ion-text-wrap ion-margin"
                     *ngIf="access!.canviewanalysis">
                     <ion-icon name="fas-chart-bar" slot="start" aria-hidden="true"></ion-icon>
diff --git a/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html b/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
index 0c2f0ea6c..953256c40 100644
--- a/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
+++ b/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
@@ -197,15 +197,17 @@
                         </ion-label>
                     </ion-item>
 
-                    <!-- Open mode (Preview or Normal) -->
-                    <ion-button *ngIf="!scorm.hidebrowse" expand="block" fill="outline" (click)="open($event, true)"
-                        class="ion-text-wrap ion-margin">
-                        <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
-                        {{ 'addon.mod_scorm.browse' | translate }}
-                    </ion-button>
-                    <ion-button expand="block" (click)="open($event)" class="ion-text-wrap ion-margin">
-                        {{ 'addon.mod_scorm.enter' | translate }}
-                    </ion-button>
+                    <div class="adaptable-buttons-row">
+                        <!-- Open mode (Preview or Normal) -->
+                        <ion-button *ngIf="!scorm.hidebrowse" expand="block" fill="outline" (click)="open($event, true)"
+                            class="ion-text-wrap ion-margin">
+                            <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
+                            {{ 'addon.mod_scorm.browse' | translate }}
+                        </ion-button>
+                        <ion-button expand="block" (click)="open($event)" class="ion-text-wrap ion-margin">
+                            {{ 'addon.mod_scorm.enter' | translate }}
+                        </ion-button>
+                    </div>
                 </ng-container>
 
                 <!-- Download progress. -->
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index a48641aba..a9b897801 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -1467,6 +1467,16 @@ ion-grid.core-no-grid > ion-row {
     height: 0 !important;
 }
 
+@include media-breakpoint-up(md) {
+    .adaptable-buttons-row {
+        display: flex;
+        flex-direction: row;
+        ion-button {
+            flex: 1;
+        }
+    }
+}
+
 ion-header.no-title {
     --core-header-toolbar-border-width: 0;
     --core-header-toolbar-background: transparent;