From 15ffd7e01d7cec0759da84e739253a426c5f9028 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Thu, 13 Sep 2012 15:12:05 -0400
Subject: [PATCH] Better styles for updates

---
 lms/static/images/calendar-icon.png | Bin 0 -> 101 bytes
 lms/static/sass/course/_info.scss   |  52 +++++++++++++++++++---------
 2 files changed, 36 insertions(+), 16 deletions(-)
 create mode 100644 lms/static/images/calendar-icon.png

diff --git a/lms/static/images/calendar-icon.png b/lms/static/images/calendar-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..367e4fef0ae203425bd2d0ef40f0837418f23b48
GIT binary patch
literal 101
zcmeAS@N?(olHy`uVBq!ia0vp^JV4CN!3HF~3v%Ltl#Zv1V@SoVy?q-w85lSY@7eZ$
zenPsqE+ccJUgNaDN8tr2Y*A+XKU76Fcz5znxT>&LtMLC?pgsmqS3j3^P6<r_#n2rN

literal 0
HcmV?d00001

diff --git a/lms/static/sass/course/_info.scss b/lms/static/sass/course/_info.scss
index 80db054afd..4fafc99c9f 100644
--- a/lms/static/sass/course/_info.scss
+++ b/lms/static/sass/course/_info.scss
@@ -26,36 +26,56 @@ div.info-wrapper {
         padding-bottom: lh(.5);
 
         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;
+              }
+            }
+          }
+
+          h3 {
+            font-size: 1em;
+            font-weight: bold;
+            margin: lh(1.5) 0 lh(.5);
+          }
+
+          > ul {
+            padding-left: 0;
+
+            > li {
+              list-style: none;
+            }
+
+            > ul {
+              list-style-type: disc;
+            }
+          }
 
           li {
             margin-bottom: lh(.5);
           }
-
-          p {
-            &:last-child {
-              margin-bottom: 0;
-            }
-          }
         }
       }
     }