Added new styles for html editing and removed a bunch of unused templates

cms/static/sass/_base.scss

@@ -111,3 +111,7 @@ input[type="submit"], .button {
   display: block;
   float: right;
 }
+
+textarea {
+  overflow: auto;
+}

cms/static/sass/_problem.scss

-section.problem-new, section.problem-edit {
+section.problem-new,
+section.problem-edit,
+section.html-edit {
+  > header {
+    border-bottom: 2px solid #333;
+    @include clearfix();
+    padding: 6px 20px;
+
+    h1 {
+      font-size: 18px;
+      text-transform: uppercase;
+      letter-spacing: 1px;
+      float: left;
+    }
+
+    p {
+      float: right;
+    }
+  }
+
   > section {
+    padding: 20px;
+
     textarea {
       @include box-sizing(border-box);
       display: block;
       width: 100%;
     }
 
+
     div.preview {
       background: #eee;
       @include box-sizing(border-box);
-      height: 40px;
+      min-height: 40px;
       padding: 10px;
       width: 100%;
+      margin-top: 10px;
+
+      h1 {
+        font-size: 24px;
+        margin-bottom: 1em;
+      }
+
+      h2 {
+        font-size: 20px;
+        margin-bottom: 1em;
+      }
+
+      h3 {
+        font-size: 18;
+        margin-bottom: 1em;
+      }
+
+      ul {
+        padding-left: 20px;
+        margin-bottom: 1em;
+      }
+
+      p {
+        margin-bottom: 1em;
+      }
     }
 
-    a.save {
+    a.save-update {
       @extend .button;
       @include inline-block();
       margin-top: 20px;

cms/templates/widgets/header.html

@@ -6,9 +6,6 @@
         <a href="#" class="new-module">New Section</a>
       </li>
       <li>
-        <a href="#" class="new-module">New Module</a>
-      </li>
-      <li>
         <a href="#" class="new-module">New Unit</a>
       </li>
     </ul>

cms/templates/widgets/html-edit.html

@@ -2,17 +2,26 @@
 
 <section class="html-edit">
   <header>
-    <a href="#" class="cancel">Cancel</a>
-    <a href="#" class="save-update">Save &amp; Update</a>
+    <h1 class="editable">${module.name}</h1>
+    <p>Unit type: HTML</p>
+    <!-- <div class="actions"> -->
+    <!--   <a href="#" class="cancel">Cancel</a> -->
+    <!--   <a href="#" class="save-update">Save &amp; Update</a> -->
+    <!-- </div> -->
   </header>
 
   <section>
     <header>
-      <h1 class="editable">${module.name}</h1>
+    </header>
+
     <section>
       <textarea name="" id="edit-box" rows="8" cols="40">${module.definition['data']['text']}</textarea>
       <div id="edit-preview" class="preview">${module.definition['data']['text']}</div>
     </section>
+
+    <div class="actions">
       <a href="" class="save-update">Save &amp; Update</a>
+      <a href="#" class="cancel">Cancel</a>
+    </div>
   </section>
 </section>

cms/templates/widgets/raw-videos.html

-<li>
-  <img src="http://placehold.it/300x180" alt="" /><h5>Video-file-name</h5>
-</li>

cms/templates/widgets/save-captions.html

-<section class="caption-save">
-  <a href="#" class="close-box">Cancel</a>
-  <button class="close-box">Save changes</button>
-</section>

cms/templates/widgets/speed-tooltip.html

-<div class="tooltip">
-  <ul>
-   <li><a href="#view" rel="leanModal">View</a></li>
-   <li><a href="#">Download</a></li>
-   <li><a href="#" class="delete-speed">Delete</a></li>
-  </ul>
-</div>

cms/templates/widgets/video-box-unused.html

-<li class="video-box">
-
-  <div class="thumb"><img src="http://placehold.it/100x65" /></div>
-
-  <div class="meta">
-    <strong>video-name</strong> 236mb Uploaded 6 hours ago by <em>Anant Agrawal</em>
-    <p>
-    <ul class="speed-list">
-      Speed
-      <li class="speed">
-        0.75x
-        <%include file="speed-tooltip.html"/>
-      </li>
-      <li class="speed">Normal
-        <%include file="speed-tooltip.html"/>
-      </li>
-      <li class="speed">1.25x
-        <%include file="speed-tooltip.html"/>
-      </li>
-      <li class="speed">1.5x
-        <%include file="speed-tooltip.html"/>
-      </li>
-      <li style="background: #eee;" ><a href="#upload" rel="leanModal" class="new-upload">+</a></li>
-    </ul>
-    </p>
-    <p>
-    <a href="#">Download All</a> —
-    <a href="#" style="color: brown;" class="remove">Delete All</a> —
-    <a href="#" class="edit-captions"> Edit Captions </a> —
-    <a href="#" class="use-video">Use clip ⬆</a>
-    </p>
-  </div>
-  <div class="caption-box">
-    <%include file="captions.html"/>
-    <%include file="save-captions.html"/>
-  </div>
-</li>
-

cms/templates/widgets/video-box.html

-<li class="video-box">
-  <div class="thumb"><img src="http://placehold.it/155x90" /></div>
-
-  <div class="meta">
-    <strong>video-name</strong> 236mb
-    <p>Uploaded 6 hours ago by <em>Anant Agrawal</em></p>
-    <p>
-    <ul class="speed-list">
-      Speed
-      <li class="speed">
-        0.75x
-        <%include file="speed-tooltip.html"/>
-      </li>
-      <li class="speed">Normal
-        <%include file="speed-tooltip.html"/>
-      </li>
-      <li class="speed">1.25x
-        <%include file="speed-tooltip.html"/>
-      </li>
-      <li class="speed">1.5x
-        <%include file="speed-tooltip.html"/>
-      </li>
-      <li style="background: #eee;" ><a href="#upload" rel="leanModal" class="new-upload">+</a></li>
-    </ul>
-    </p>
-    <p>
-    <a href="#">Download all</a> —
-<a href="#" stle="color: brown;" class="remove-video">Remove ⬇ </a>
-
-    </p>
-  </div>
-  <div style="margin-top: 30px;">
-    <%include file="captions.html"/>
-  </div>
-</li>