From d5e6ddc4f00b7f8f8c3cbecf8c2723050bbe88ca Mon Sep 17 00:00:00 2001
From: Harry Rein <hrein@edx.org>
Date: Mon, 22 Jan 2018 12:00:19 -0500
Subject: [PATCH] Fixing alignment of View Course button on course dashboard.

---
 lms/static/sass/multicourse/_dashboard.scss | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/lms/static/sass/multicourse/_dashboard.scss b/lms/static/sass/multicourse/_dashboard.scss
index 8324fee727..63b7562195 100644
--- a/lms/static/sass/multicourse/_dashboard.scss
+++ b/lms/static/sass/multicourse/_dashboard.scss
@@ -125,15 +125,16 @@
           }
 
           .wrapper-course-details {
-            display: block;
-
-            @include float(left);
-
-            width: flex-grid(9);
+            display: flex;
+            flex-flow: row wrap;
             padding: 0;
-            margin: $baseline/2 0;
+            margin-bottom: $baseline/2;
+            justify-content: space-between;
 
             .course-title {
+              flex-basis: 100%;
+              padding-top: $baseline/2;
+
               a, span {
                 @extend %t-title3;
                 @extend %t-regular;
@@ -150,11 +151,6 @@
             }
 
             .course-info {
-              @include float(left);
-
-              display: block;
-              padding: 0;
-
               [class*="info-"] {
                 color: $gray-d1;
 
@@ -195,7 +191,7 @@
               @include margin-right($baseline);
 
               margin-top: $baseline;
-              display: inline-flex;
+              align-self: flex-end;
             }