From b83f5fc328259fadfc35e23c689ca4bfb00a9a4c Mon Sep 17 00:00:00 2001
From: bydawen <oleksandr.buhaienko@raccoongang.com>
Date: Tue, 29 Nov 2022 15:37:16 +0200
Subject: [PATCH] fix: bootstrap classes for the program_details template
 (#30998)

Co-authored-by: Attiya Ishaque <atiya.ishaq@arbisoft.com>
---
 .../learner_dashboard/program_details_view.underscore       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lms/templates/learner_dashboard/program_details_view.underscore b/lms/templates/learner_dashboard/program_details_view.underscore
index addcbdeec1..7cb90a980a 100644
--- a/lms/templates/learner_dashboard/program_details_view.underscore
+++ b/lms/templates/learner_dashboard/program_details_view.underscore
@@ -1,8 +1,8 @@
 <header class="js-program-header program-header full-width-banner"></header>
 <!-- TODO: consider if article is the most appropriate element here -->
 
-<div class="col-md-12 d-md-flex">
-<article class="program-details-content col-md-8">
+<div class="col-12 flex-column flex-xl-row d-md-flex">
+<article class="program-details-content col-12 col-xl-8">
     <div class="program-heading">
             <% if (completedCount === totalCount) { %>
                 <h3 class="program-heading-title"><%- gettext('Congratulations!') %></h3>
@@ -76,5 +76,5 @@
         </div>
     </div>
 </article>
-<aside class="js-program-sidebar program-sidebar col-md-4"></aside>
+<aside class="js-program-sidebar program-sidebar col-12 col-xl-4"></aside>
 </div>