Merge pull request #3228 from alfonso-salces/MOBILE-3833

Mobile 3833

src/addons/storagemanager/pages/course-storage/course-storage.html

@@ -99,7 +99,7 @@
                         </div>
                     </ion-item>
                 </ion-card-header>
-                <ion-card-content id="core-course-storage-section-{{section.id}}">
+                <ion-card-content id="core-course-storage-section-{{section.id}}" [ngClass]="{'hidden-content': !section.expanded}">
                     <ng-container *ngIf="section.expanded">
                         <ng-container *ngFor="let module of section.modules">
                             <ion-item class="ion-no-padding core-course-storage-activity"

src/addons/storagemanager/pages/course-storage/course-storage.scss

@@ -8,7 +8,6 @@
     }
 
     ion-card.section ion-card-header {
-        margin-bottom: 8px;
         padding-top: 8px;
         padding-bottom: 8px;
     }
@@ -17,6 +16,10 @@
         font-size: 1.2rem;
     }
 
+    ion-card-content.hidden-content {
+        padding: 0;
+    }
+
     .core-course-storage-activity ion-label {
         max-height: var(--course-storage-max-activity-height);
 

src/core/features/course/components/module-summary/module-summary.ts

@@ -336,6 +336,7 @@ export class CoreCourseModuleSummaryComponent implements OnInit, OnDestroy {
             }
         } finally {
             this.removeFilesLoading = false;
+            delete this.size;
         }
 
         await this.getPackageStatus();

src/theme/theme.base.scss

@@ -503,6 +503,9 @@ ion-toast {
             flex-direction: column;
             align-items: flex-end;
         }
+        &::part(message) {
+            align-self: flex-start;
+        }
     }
 }