From ff3d474d4d16bf3a646733dc31df51477b0fc770 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Wed, 30 May 2012 14:40:07 -0400
Subject: [PATCH] Added highlihgts to the inputs for problems made check / save
 buttons a little bigger and gave the next / prev buttons in the sequnce nav
 hovers

---
 static/sass/courseware/_courseware.scss   | 15 +++++++++++++++
 static/sass/courseware/_sequence-nav.scss | 17 +++++++----------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/static/sass/courseware/_courseware.scss b/static/sass/courseware/_courseware.scss
index cf6b10235c..c93854edaf 100644
--- a/static/sass/courseware/_courseware.scss
+++ b/static/sass/courseware/_courseware.scss
@@ -120,11 +120,20 @@ div.course-wrapper {
         > span {
           display: block;
           margin-bottom: lh(.5);
+
+          &[answer] {
+            border-top: 1px solid #ededed;
+            border-bottom: 1px solid #ededed;
+            background: #f3f3f3;
+            margin: 0 (-(lh()));
+            padding: lh(.5) lh();
+          }
         }
       }
 
       input[type="text"] {
         display: inline-block;
+        width: 50%;
       }
 
       center {
@@ -136,6 +145,11 @@ div.course-wrapper {
 
       section.action {
         margin-top: lh();
+
+        input[type="button"] {
+          padding: lh(.4) lh();
+          text-shadow: 0 -1px 0 #666;
+        }
       }
     }
 
@@ -172,6 +186,7 @@ div.course-wrapper {
 
         header {
           @extend h1.top-header;
+          @include border-radius(0 4px 0 0);
           margin-bottom: -16px;
 
           h1 {
diff --git a/static/sass/courseware/_sequence-nav.scss b/static/sass/courseware/_sequence-nav.scss
index ac0f110f63..1ad84286b3 100644
--- a/static/sass/courseware/_sequence-nav.scss
+++ b/static/sass/courseware/_sequence-nav.scss
@@ -171,7 +171,7 @@ nav.sequence-nav {
   }
 
   ul {
-    list-style: none !important;
+    list-style: none;
     height: 100%;
     position: absolute;
     right: 0;
@@ -194,12 +194,10 @@ nav.sequence-nav {
           cursor: pointer;
           display: block;
           text-indent: -9999px;
+          @include transition(all, .2s, $ease-in-out-quad);
 
           &:hover {
-            background-color: none;
-            color: darken($cream, 60%);
-            text-decoration: none;
-            text-decoration: none;
+            opacity: .5;
           }
 
           &.disabled {
@@ -214,7 +212,7 @@ nav.sequence-nav {
           background-image: url('../images/sequence-nav/previous-icon.png');
 
           &:hover {
-            background-color: none;
+            background-color: $cream;
           }
         }
       }
@@ -222,10 +220,9 @@ nav.sequence-nav {
       &.next {
         a {
           background-image: url('../images/sequence-nav/next-icon.png');
-          // @include border-top-right-radius(4px);
 
           &:hover {
-            background-color: none;
+            background-color: $cream;
           }
         }
       }
@@ -270,11 +267,11 @@ section.course-content {
             display: block;
             padding: lh(.5) 4px;
             text-indent: -9999px;
-            @include transition(all, .4s, $ease-in-out-quad);
+            @include transition(all, .2s, $ease-in-out-quad);
             width: 45px;
 
             &:hover {
-              background-color: darken($cream, 10%);
+              background-color: $cream;
               color: darken($cream, 60%);
               opacity: .5;
               text-decoration: none;