From 99a009abdf5d772dcf9e21480d8e56b6cea87ce8 Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Thu, 20 Sep 2012 15:54:09 -0400
Subject: [PATCH 1/2] tweaked sound lab styles

---
 lms/static/sass/course/courseware/_amplifier.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/lms/static/sass/course/courseware/_amplifier.scss b/lms/static/sass/course/courseware/_amplifier.scss
index a2265ba27b..18a02f489d 100644
--- a/lms/static/sass/course/courseware/_amplifier.scss
+++ b/lms/static/sass/course/courseware/_amplifier.scss
@@ -98,6 +98,7 @@ section.tool-wrapper {
           display: block;
           float: right;
           font: bold 14px $body-font-family;
+          margin-top: 19px;
 
           &:active {
             @include box-shadow(none);
@@ -130,6 +131,7 @@ section.tool-wrapper {
         margin: 0;
         text-shadow: 0 -1px 0 darken(#073642, 10%);
         -webkit-font-smoothing: antialiased;
+        color: #839496;
       }
 
       ul {
@@ -205,6 +207,7 @@ section.tool-wrapper {
           font-weight: bold;
           @include inline-block();
           margin: 0 lh(.5) lh() 0;
+          color: #839496;
           text-shadow: 0 -1px 0 darken(#073642, 10%);
           -webkit-font-smoothing: antialiased;
         }

From 4af134b28a1b6124ef5dfb849eea75830029c1b5 Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Thu, 20 Sep 2012 17:49:36 -0400
Subject: [PATCH 2/2] fixed large collapsible text and triple toggle

---
 .../sass/course/courseware/_courseware.scss    |  8 ++++++++
 lms/templates/problem.html                     | 18 ++++++++++++------
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/lms/static/sass/course/courseware/_courseware.scss b/lms/static/sass/course/courseware/_courseware.scss
index 6f95db64ee..010d47ba29 100644
--- a/lms/static/sass/course/courseware/_courseware.scss
+++ b/lms/static/sass/course/courseware/_courseware.scss
@@ -52,6 +52,14 @@ div.course-wrapper {
         margin-bottom: 15px;
         padding: 0 0 15px;
 
+        .collapsible {
+          header {
+            margin-bottom: 0;
+            padding-bottom: 0;
+            font-size: 16px;
+          }
+        }
+
         header {
           @extend h1.top-header;
           @include border-radius(0 4px 0 0);
diff --git a/lms/templates/problem.html b/lms/templates/problem.html
index 2e94bc963f..c0bb4ef3e4 100644
--- a/lms/templates/problem.html
+++ b/lms/templates/problem.html
@@ -34,6 +34,8 @@
 
 <%block name="js_extra">
 <script type="text/javascript" charset="utf-8">
+  var collapsibleSet;
+  
   $(function(){
       // this should be brought back into problems
       $('.longform').hide();
@@ -47,12 +49,16 @@
         return false;
       });
 
-      $('.collapsible section').hide()
-      $('.collapsible header a').click(function() {
-        $(this).parent().siblings().slideToggle();
-        $(this).parent().parent().toggleClass('open');
-        return false
-      });
+      if(!collapsibleSet) {
+        collapsibleSet = true;
+        $('.collapsible section').hide();
+        $('.collapsible header a').bind('click', toggleHint);
+        function toggleHint(e) {
+          $(this).parent().siblings().slideToggle();
+          $(this).parent().parent().toggleClass('open');
+          return false;
+        }
+      }      
     });
 </script>
 </%block>