Merge pull request #15902 from edx/ibrahimahmed443/WL-1186-program-dashboard-layout

fix layout issues in Program dashboard page

lms/static/sass/views/_program-details.scss

@@ -463,25 +463,30 @@
         }
 
         .course-meta-container {
-            display: flex;
-            flex-direction: column;
-            flex-wrap: wrap;
-
             @media(min-width: $bp-screen-md) {
+                display: table;
                 width: 100%;
-                flex-direction: row;
-                justify-content: space-between;
+            }
+        }
+
+        .course-details {
+            @media(min-width: $bp-screen-md) {
+                display: table-cell;
+                vertical-align: top;
+                padding: 0 10px 0 0;
             }
         }
 
         .course-actions {
-            display: flex;
-            flex-direction: column;
+            @media(min-width: $bp-screen-md) {
+                width: 200px;
+                text-align: right;
+            }
 
             .course-enroll-view {
-                display: flex;
-                justify-content: space-between;
-                flex-wrap: wrap;
+                @media(min-width: $bp-screen-md) {
+                    text-align: right;
+                }
             }
         }
 
@@ -645,6 +650,13 @@
         display: flex;
         flex-direction: row;
         padding: 5px 0 10px;
+
+        .image-link {
+            flex: 0 0 100px;
+            @media(min-width: $bp-screen-md) {
+                flex: 0 0 120px;
+            }
+        }
     }
 
     .certificate-link {

lms/templates/learner_dashboard/course_card.underscore

 <div class="section">
-    <div class="course-meta-container col-12 md-col-8 sm-col-12">
+    <div class="course-meta-container">
         <div class="course-details">
             <h5 class="course-title">
                 <% if ( marketing_url || course_url ) { %>
@@ -19,7 +19,7 @@
                 <% } %>
             </div>
         </div>
-        <div class="course-actions col-12 md-col-4 sm-col-12"></div>
+        <div class="course-actions"></div>
         <div class="course-certificate certificate-status"></div>
     </div>
 </div>