Changes after testing on staging

cms/static/sass/views/_certificates.scss

@@ -52,7 +52,12 @@
   }
 
   .certificate-info-section{
-    overflow: auto;
+      overflow: auto;
+
+    .course-title-section, .course-number-section{
+      min-width: 47%;
+      @include margin-right(2%);
+    }
   }
 }
 

cms/templates/js/certificate-details.underscore

@@ -30,7 +30,7 @@
                 <% } %>
              </div>
 
-            <div class='course-number-section pull-right'>
+            <div class='course-number-section pull-left'>
                 <div class="actual-course-number">
                         <span class="certificate-label"><b><%= gettext('Course Number') %>: </b> </span>
                         <span class="certificate-value"><%= course.get('num') %></span>