From eef6b1efe2e212d6645f86634bea809e13bef9e8 Mon Sep 17 00:00:00 2001
From: Stanislav <stanislav.lunyachek@raccoongang.com>
Date: Sat, 15 Feb 2025 04:17:21 +0200
Subject: [PATCH] fix: Ugly appearance of the Start/Resume Course button at the
 top of the course outline (#1585)

---
 src/index.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/index.scss b/src/index.scss
index 4f3477e6..409971d5 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -444,6 +444,22 @@
   height: 56px !important;
 }
 
+@include media-breakpoint-down(xs) {
+  .course-outline-tab .pgn__card {
+    .pgn__card-header {
+      display: block;
+  
+      .pgn__card-header-content {
+        margin-top: 0;
+      }
+    }
+    
+    .pgn__card-header-actions {
+      margin-left: 0;
+    }
+  }
+}
+
 // Import component-specific sass files
 @import "courseware/course/celebration/CelebrationModal.scss";
 @import "courseware/course/sidebar/sidebars/discussions/Discussions.scss";