From 23b5cf6691325f0cf3cd83134e64e0c9b00e3e58 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Tue, 24 Jan 2012 11:32:39 -0500
Subject: [PATCH] Added new style and html for honor code on enroll form

---
 create_account.html | 12 ++++++++----
 sass/_fancybox.scss | 15 +++++++++++++++
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/create_account.html b/create_account.html
index 435d4604a4..f64ff106d5 100644
--- a/create_account.html
+++ b/create_account.html
@@ -3,7 +3,7 @@
 
   <h1>Enroll in 6.002 Circuits &amp; Electronics</h1>
   <form name="login"  method="get">
-    <% if 'error' in locals(): e = error %>
+    <fieldset><% if 'error' in locals(): e = error %>
 
     <div id="enroll_error" name="enroll_error"></div>
 
@@ -58,11 +58,15 @@
 
       <li class="honor-code">
         <label>
-          <input name="honor_code" id="cb_honor_code" type="checkbox" value="honor_code" required />I agree to: Not engage in any activities that would dishonestly improve my results, or improve or hurt those of others. Never post answers to problems. Maintain only one account.
-        </label>
+          <input name="honor_code" id="cb_honor_code" type="checkbox" value="honor_code" required />I agree to the Honor code.         </label>
+        <ul>
+          <li>Not engage in any activities that would dishonestly improve my results, or improve or hurt those of others.</li>
+          <li>Never post answers to problems.</li>
+          <li>Maintain only one account.</li>
+        </ul>
       </li>
 
     </ol>
     <input name="create_account_button" id="create_account_button" type="button" value="Create Account">
-  </form>
+</fieldset>  </form>
 </div>
diff --git a/sass/_fancybox.scss b/sass/_fancybox.scss
index 4ea9b3aba9..dc989de7e0 100644
--- a/sass/_fancybox.scss
+++ b/sass/_fancybox.scss
@@ -4,6 +4,7 @@ div#fancybox-overlay {
 
 div#fancybox-wrap {
   width: auto  !important;
+
   div#fancybox-outer {
     background: none;
     max-width: 600px;
@@ -71,6 +72,19 @@ div#fancybox-wrap {
               font-weight: bold;
             }
 
+            ul {
+              list-style: disc outside none;
+              margin: lh(.5) 0 lh() lh();
+
+              li {
+                list-style: disc outside none;
+                margin-bottom: lh(.5);
+                color: #666;
+                font-size: 14px;
+                float: none;
+              }
+            }
+
             #{$all-text-inputs} {
               width: 100%;
               @include box-sizing(border-box);
@@ -89,6 +103,7 @@ div#fancybox-wrap {
         }
       }
 
+
       div#login {
         min-width: 300px;