From 81e7662afc673626db322fbf9f59e23e8c825375 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Fri, 20 Jul 2012 16:06:13 -0400
Subject: [PATCH] Added style for the unenroll links

---
 lms/static/sass/_dashboard.scss | 16 +++++++++++++++-
 lms/templates/dashboard.html    |  4 ++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/lms/static/sass/_dashboard.scss b/lms/static/sass/_dashboard.scss
index dbcd170065..d4deeff779 100644
--- a/lms/static/sass/_dashboard.scss
+++ b/lms/static/sass/_dashboard.scss
@@ -143,7 +143,7 @@
       @include clearfix;
       height: 120px;
       margin-right: flex-gutter();
-      margin-bottom: 25px;
+      margin-bottom: 10px;
       overflow: hidden;
       position: relative;
       width: flex-grid(12);
@@ -379,5 +379,19 @@
         }
       }
     }
+
+    a.unenroll {
+      float: right;
+      font-style: italic;
+      color: #a0a0a0;
+      text-decoration: underline;
+      font-size: .8em;
+      @include inline-block;
+      margin-bottom: 40px;
+
+      &:hover {
+        color: #333;
+      }
+    }
   }
 }
diff --git a/lms/templates/dashboard.html b/lms/templates/dashboard.html
index e94701ef60..a90e9a9bf6 100644
--- a/lms/templates/dashboard.html
+++ b/lms/templates/dashboard.html
@@ -51,7 +51,6 @@
             <section class="course-status">
               <p>Class Starts - <span>9/2/2012</span></div>
             </section>
-            <a href="#unenroll-modal" class="unenroll" rel="leanModal" data-course-id="${course.id}" data-course-number="${course.number}">Unenroll</a>
             <section class="meta">
               <div class="course-work-icon"></div>
               <div class="progress">
@@ -60,11 +59,12 @@
                 </div>
               </div>
               <div class="complete">
-                <p><span class="completeness">60%</span> compleat</p>
+                <p><span class="completeness">60%</span> complete</p>
               </div>
             </section>
           </section>
         </article>
+        <a href="#unenroll-modal" class="unenroll" rel="leanModal" data-course-id="${course.id}" data-course-number="${course.number}">Unenroll</a>
 
       % endfor
     % else: