imporves layout of course prequisites in course about page sidebar

lms/static/sass/_course_about.scss

@@ -398,6 +398,21 @@
         margin-bottom: 20px;
         padding-bottom: 10px;
 
+        &.prerequisites {
+          border: 1px solid rgb(220,220,220);
+          margin: 0 -10px 0;
+          padding: 10px;
+
+          p {
+            margin-right: 10px;
+          }
+
+          span {
+            float: none;
+            font-weight: normal;
+          }
+        }
+
         &:hover {
           .icon {
             opacity: 1;
@@ -439,7 +454,7 @@
             @include background-image(url('../images/portal-icons/pencil-icon.png'));
           }
 
-          &.prerequisites {
+          &.prereq {
             @include background-image(url('../images/portal-icons/prerec-icon.png'));
           }
         }

lms/templates/portal/course_about.html

@@ -96,7 +96,7 @@
           ##<li><div class="icon length"></div><p>Course Length</p><span class="course-length">15 weeks</span></li>
 
           % if get_course_about_section(course, "prerequisites"):
-            <li><div class="icon prerequisites"></div><p>Prerequisites</p><span class="start-date">${get_course_about_section(course, "prerequisites")}</span></li>
+            <li class="prerequisites"><div class="icon prereq"></div><p>Prerequisites</p><span class="start-date">${get_course_about_section(course, "prerequisites")}</span></li>
           % endif
         </ol>
       </section>