Added style for the unenroll links

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;
+      }
+    }
   }
 }

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: