From 70e273db20ecedaf72b29d32a72269f6e4d3950a Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Thu, 9 Feb 2012 15:06:08 -0500
Subject: [PATCH] Added some more style for course info and profile pages

---
 sass/_base-extends.scss |  7 ++++
 sass/_info.scss         | 75 ++++++++++++++++++++++++++++++++++-------
 sass/_profile.scss      |  7 +++-
 3 files changed, 76 insertions(+), 13 deletions(-)

diff --git a/sass/_base-extends.scss b/sass/_base-extends.scss
index c8c5e4b687..93ef00dd3f 100644
--- a/sass/_base-extends.scss
+++ b/sass/_base-extends.scss
@@ -19,6 +19,13 @@
   }
 }
 
+h1.top-header {
+  margin: (-(lh())) (-(lh())) lh();
+  padding: lh();
+  background: #f3f3f3;
+  border-bottom: 1px solid #e3e3e3;
+}
+
 .button {
   @include box-shadow(inset 0 1px 0 lighten(#888, 10%), 0 0 3px #ccc);
   @include linear-gradient(lighten(#888, 5%), darken(#888, 5%));
diff --git a/sass/_info.scss b/sass/_info.scss
index 687608d0a2..9f0762cd59 100644
--- a/sass/_info.scss
+++ b/sass/_info.scss
@@ -3,37 +3,88 @@ div.info-wrapper {
 
   section.updates {
     @extend .content;
-  }
 
-  section.handouts {
-    @extend .sidebar;
-    @include border-radius(0px 4px 0px 4px);
-    border-right: 0;
-    border-left: 1px solid #d3d3d3;
+    > h1 {
+      @extend .top-header;
+    }
 
-    h1 {
-      padding: 0 lh();
+    > p {
+      margin-bottom: lh();
     }
 
     ol {
       list-style: none;
 
       li {
+        padding-bottom: lh(.5);
+        margin-bottom: lh(.5);
+        @extend .clearfix;
+        border-bottom: 1px solid #e3e3e3;
+
         h2 {
-          padding: 0 lh();
+          float: left;
+          width: flex-grid(2, 9);
+          margin: 0 flex-gutter() 0 0;
+        }
+
+        p {
+          float: left;
+          width: flex-grid(7, 9);
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+
+  section.handouts {
+    @extend .sidebar;
+    @include border-radius(0 4px 4px 0);
+    border-right: 0;
+    border-left: 1px solid #d3d3d3;
+
+    h1 {
+      padding: 0 lh();
+      font-size: 18px;
+    }
+
+    ol {
+      list-style: none;
+
+      li {
+        @include box-shadow(0 1px 0 #eee);
+        border-bottom: 1px solid #d3d3d3;
+        @extend .clearfix;
+
+        p {
+          padding: 7px lh();
+          margin: 0;
+          text-transform: none;
+          letter-spacing: 0;
+          font-size: $body-font-size;
+
+          &:hover {
+            background: #efefef;
+          }
+
+          a {
+            display: inline;
+            padding: 0;
+
+            &:hover {
+              text-decoration: underline;
+              background: none;
+            }
+          }
         }
 
         a {
-          @include box-shadow(0 1px 0 #eee);
           @include transition();
-          border-bottom: 1px solid #d3d3d3;
           color: lighten($text-color, 10%);
           display: block;
           padding: 7px lh();
           text-decoration: none;
 
           &:hover {
-            @include box-shadow(0 1px 0 #fff);
             background: #efefef;
           }
         }
diff --git a/sass/_profile.scss b/sass/_profile.scss
index b383c61a85..68a93cf73f 100644
--- a/sass/_profile.scss
+++ b/sass/_profile.scss
@@ -9,7 +9,8 @@ div.profile-wrapper {
     border-right: 0;
 
     h1 {
-      padding: lh();
+      padding:0 lh();
+      font-size: 18px;
     }
 
     ul {
@@ -52,6 +53,10 @@ div.profile-wrapper {
   section.course-info {
     @extend .content;
 
+    > h1 {
+      @extend .top-header;
+    }
+
     ol {
       list-style: none;