moved textbooks page to two columns

cms/static/sass/views/_textbooks.scss

@@ -3,11 +3,25 @@
 
 body.course.textbooks {
 
+  .content-primary, .content-supplementary {
+    @include box-sizing(border-box);
+    float: left;
+  }
+
+  .content-primary {
+    @extend .window;
+    width: flex-grid(9, 12);
+    margin-right: flex-gutter();
+    padding: $baseline ($baseline*1.5);
+  }
+
   .no-textbook-content {
     @include box-shadow(0 0 4px $shadow-d1 inset);
+    @include border-radius(2px);
     padding: $baseline*2;
     background-color: #ddd;
     text-align: center;
+    color: $gray;
 
     .button {
       margin-left: 20px;
@@ -16,11 +30,8 @@ body.course.textbooks {
 
   form {
     @include box-sizing(border-box);
-    @include box-shadow(0 1px 2px $shadow-l1);
     @include border-radius(2px);
     width: 100%;
-    border: 1px solid $gray-l2;
-    padding: $baseline ($baseline*1.5);
     background: $white;
 
     fieldset {
@@ -243,7 +254,9 @@ body.course.textbooks {
     }
   }
 
-
+  .content-supplementary {
+    width: flex-grid(3, 12);
+  }
 
  // dialog
 .wrapper-dialog {
@@ -267,7 +280,7 @@ body.course.textbooks {
   .dialog  {
     @include box-sizing(border-box);
     @include border-radius(($baseline/5));
-    background-color: $gray-l5;
+    background-color: $white;
     display: inline-block;
     vertical-align: middle;
     width: $baseline*20;
@@ -299,7 +312,7 @@ body.course.textbooks {
       }
 
       .wrapper-progress {
-        @include box-shadow(inset 0 0 5px $shadow-d1);
+        @include box-shadow(inset 0 0 3px $shadow-d1);
         margin-top: $baseline;
         border-radius: ($baseline*.75);
         background-color: $gray-l4;
@@ -335,8 +348,7 @@ body.course.textbooks {
         @include box-shadow(inset 0 1px 2px $shadow);
         border-top: 1px solid $gray-l1;
         padding: ($baseline*0.75) $baseline;
-        background: $white;
-        text-align: center;
+        background: $gray-l4;
 
         .action-item {
           @extend .t-action4;
@@ -409,4 +421,6 @@ body.course.textbooks {
 
 
 
+
+
 }

cms/templates/textbooks.html

@@ -396,19 +396,22 @@ $(function() {
 
   <div class="wrapper-content wrapper">
     <section class="content">
+    <article class="content-primary" role="main">
     <div class="inner-wrapper">
-        <div class="introduction has-links">
-          <p class="copy">Use this page to upload textbooks for your course. Note: <strong>It's best practice to break your course's textbook into multiple chapters</strong> to reduce loading times for students. Breaking up textbooks into chapters can also help with students more easily finding a concept or topic-based information.</p>
-
-
-          <nav class="nav-introduction-supplementary">
-            <ul>
-              <li class="nav-item"><a href="#" rel="modal" title="This link will open in a modal window"><i class="icon-question-sign"></i> Need help adding a textbook?</a></li>
-            </ul>
-          </nav>
+        <div class="introduction">
+          <p class="copy">Use this page to upload textbooks for your course. <strong>Note: It's best practice to break your course's textbook into multiple chapters</strong> to reduce loading times for students. Breaking up textbooks into chapters can also help with students more easily finding a concept or topic-based information.</p>
         </div>
 
     </div>
+    </article>
+    <aside class="content-supplementary" role="complimentary">
+
+        <div class="bit">
+        <h3 class="title-3">What if my book isn't divided into chapters?</h3>
+        <p>If you haven't broken your textbook into chapters, you can upload the entire text as Chapter 1.</p>
+        </div>
+
+    </aside>
     </section>
   </div>