From 165954b12c0f01e9ab4eea602325bbf0bb7f862c Mon Sep 17 00:00:00 2001
From: Ibrahim <ibrahimahmed443@gmail.com>
Date: Fri, 25 Aug 2017 15:22:59 +0500
Subject: [PATCH] fix layout issues in Program dashboard page WL-1186

---
 lms/static/sass/views/_program-details.scss   | 34 +++++++++++++------
 .../learner_dashboard/course_card.underscore  |  4 +--
 2 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/lms/static/sass/views/_program-details.scss b/lms/static/sass/views/_program-details.scss
index 725373212c..f8dd31d41c 100644
--- a/lms/static/sass/views/_program-details.scss
+++ b/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 {
diff --git a/lms/templates/learner_dashboard/course_card.underscore b/lms/templates/learner_dashboard/course_card.underscore
index 8138d989c5..437cf6b99c 100644
--- a/lms/templates/learner_dashboard/course_card.underscore
+++ b/lms/templates/learner_dashboard/course_card.underscore
@@ -1,5 +1,5 @@
 <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>