From c065707e5d2b9d16d2e1c19f6ae5f35250a1a2a4 Mon Sep 17 00:00:00 2001
From: Michael Terry <mterry@edx.org>
Date: Fri, 22 Dec 2017 11:12:24 -0500
Subject: [PATCH] Fix button alignment on program dash

The View Course button on the program dashboard was not right-aligned
with the rest of the UI. Now it is.

LEARNER-3733
---
 lms/static/sass/views/_program-details.scss | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/lms/static/sass/views/_program-details.scss b/lms/static/sass/views/_program-details.scss
index 654ab230cc..76a13a9d82 100644
--- a/lms/static/sass/views/_program-details.scss
+++ b/lms/static/sass/views/_program-details.scss
@@ -458,7 +458,14 @@
     }
 
     .course-details {
-      float: left;
+      width: 100%;
+      float: none;
+
+      @media (min-width: $bp-screen-md) {
+        display: table-cell;
+        vertical-align: top;
+        float: left;
+      }
 
       .course-title {
         font-size: 1em;
@@ -494,18 +501,6 @@
       }
     }
 
-    .course-details {
-      width: 100%;
-      float: none;
-
-      @media (min-width: $bp-screen-md) {
-        display: table-cell;
-        vertical-align: top;
-        padding: 0 10px 0 0;
-        float: left;
-      }
-    }
-
     .course-actions {
       @media (min-width: $bp-screen-md) {
         width: 100%;