From 5c0dddd9bdbd4a87ea83b920393465e3a0812563 Mon Sep 17 00:00:00 2001
From: Nawfal Ahmed <111358247+NawfalAhmed@users.noreply.github.com>
Date: Tue, 11 Jul 2023 19:54:33 +0500
Subject: [PATCH] fix: fix padding for mobile users in program dashboard
 (#32711)

---
 .../learner_dashboard/programs_fragment.html        | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/lms/templates/learner_dashboard/programs_fragment.html b/lms/templates/learner_dashboard/programs_fragment.html
index b550f98784..0bf18cfaec 100644
--- a/lms/templates/learner_dashboard/programs_fragment.html
+++ b/lms/templates/learner_dashboard/programs_fragment.html
@@ -9,15 +9,22 @@ from openedx.core.djangolib.js_utils import (
 )
 %>
 
+% if mobile_only:
+<div class="program-list-wrapper grid-container py-0">
+    <div class="program-list-container col-12 col-md-9">
+        <div class="program-cards-container col pt-4"></div>
+    </div>
+    <div class="sidebar col-12 col-md-3"></div>
+</div>
+% else:
 <div class="program-list-wrapper grid-container">
     <div class="program-list-container col-12 col-md-9">
-        % if not mobile_only:
-            <div class="js-program-list-header"></div>
-        % endif
+        <div class="js-program-list-header"></div>
         <div class="program-cards-container col"></div>
     </div>
     <div class="sidebar col-12 col-md-3"></div>
 </div>
+% endif
 
 <%block name="js_extra">
 <%static:webpack entry="ProgramListFactory">