From ee3eddc48ecf338749f8dc4dab9f8e519bb72b0a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikel=20Mart=C3=ADn?= <mikel@moodle.com>
Date: Mon, 13 Nov 2023 13:29:26 +0100
Subject: [PATCH] MDL-80045 block_starredcourses: Fix cards alignment in small
 screens

---
 theme/boost/scss/moodle/blocks.scss | 3 +++
 theme/boost/style/moodle.css        | 5 +++++
 theme/classic/style/moodle.css      | 5 +++++
 3 files changed, 13 insertions(+)

diff --git a/theme/boost/scss/moodle/blocks.scss b/theme/boost/scss/moodle/blocks.scss
index ca882308520..02e2126a5be 100644
--- a/theme/boost/scss/moodle/blocks.scss
+++ b/theme/boost/scss/moodle/blocks.scss
@@ -219,6 +219,9 @@ $card-gutter : $card-deck-margin * 2;
         margin-right: 0;
         .dashboard-card {
             width: calc(100% - #{$card-gutter}) !important;
+            @include media-breakpoint-down(xs) {
+                width: 100% !important;
+            }
         }
     }
 }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index ccc3fc6bd4d..10aff63ed71 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -27113,6 +27113,11 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
   width: calc(100% - 0.5rem) !important;
 }
+@media (max-width: 575.98px) {
+  #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
+    width: 100% !important;
+  }
+}
 
 .block_recentlyaccessedcourses .paging-bar-container {
   margin-top: -2.4rem;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index a53081dcca3..81f303f539d 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -27113,6 +27113,11 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
   width: calc(100% - 0.5rem) !important;
 }
+@media (max-width: 575.98px) {
+  #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
+    width: 100% !important;
+  }
+}
 
 .block_recentlyaccessedcourses .paging-bar-container {
   margin-top: -2.4rem;