Merge pull request #682 from MITx/feature/kfiedler/updates

Update styles for the info updates

lms/static/sass/course/_info.scss

@@ -22,40 +22,60 @@ div.info-wrapper {
         @extend .clearfix;
         border-bottom: 1px solid lighten($border-color, 10%);
         list-style-type: disk;
-        margin-bottom: lh();
-        padding-bottom: lh(.5);
+        margin-bottom: lh(1.5);
+        padding-bottom: lh(.75);
 
         ol, ul {
-          margin: 0;
-          list-style-type: disk;
-
           ol,ul {
-            list-style-type: circle;
+            list-style-type: disc;
           }
         }
 
         h2 {
-          float: left;
           font-size: $body-font-size;
           font-weight: bold;
-          margin: 0 flex-gutter() 0 0;
-          width: flex-grid(2, 9);
+          background: url('../images/calendar-icon.png') 0 center no-repeat;
+          padding-left: 20px;
         }
 
         section.update-description {
-          float: left;
-          margin-bottom: 0;
-          width: flex-grid(7, 9);
+          section {
+            &.primary {
+              border: 1px solid #DDD;
+              background: #F6F6F6;
+              padding: 20px;
+
+              p {
+                font-weight: bold;
+              }
+              .author {
+                font-weight: normal;
+                font-style: italic;
+              }
+            }
+          }
 
-          li {
-            margin-bottom: lh(.5);
+          h3 {
+            font-size: 1em;
+            font-weight: bold;
+            margin: lh(1.5) 0 lh(.5);
           }
 
-          p {
-            &:last-child {
-              margin-bottom: 0;
+          > ul {
+            padding-left: 0;
+
+            > li {
+              list-style: none;
+            }
+
+            > ul {
+              list-style-type: disc;
             }
           }
+
+          li {
+            margin-bottom: lh(.5);
+          }
         }
       }
     }