More tweeks for visual style for the filter bar and settings

cms/static/sass/_calendar.scss

@@ -77,10 +77,18 @@ section.cal {
           text-transform: uppercase;
           border-bottom: 1px solid lighten($dark-blue, 60%);
           padding: 6px;
+          color: $bright-blue;
 
           a {
             color: $bright-blue;
             display: block;
+            padding: 6px;
+            margin: -6px;
+
+            &:hover {
+              color: darken($bright-blue, 10%);
+              background: lighten($yellow, 10%);
+            }
           }
         }
 

cms/static/sass/_layout.scss

@@ -5,6 +5,7 @@ body {
 
   > section {
     display: table;
+    table-layout: fixed;
     width: 100%;
   }
 

cms/static/sass/_section.scss

 section#unit-wrapper {
   section.filters {
     @include clearfix;
-    margin-bottom: 10px;
-    opacity: .4;
+    background: $light-blue;
+    border-bottom: 1px solid lighten($dark-blue, 40%);
+    padding: 5px 20px;
+    margin: -20px -20px 10px;
+    opacity: .7;
     @include transition;
 
     &:hover {
       opacity: 1;
+      padding: 10px 20px;
+      margin: -20px -20px 10px;
     }
 
     ul {

cms/templates/widgets/module-dropdown.html

@@ -2,27 +2,27 @@
   <a href="#" class="new-module">
     + Add new module
   </a>
-  <div>
-    <form>
-      <ul>
-        <li>
-          <input type="text" name="" id="" placeholder="Moldule title" />
-        </li>
-        <li>
-          <select>
-            <option>Use template</option>
-            <option>Lecture Sequence</option>
-            <option>Use template</option>
-          </select>
-        </li>
-        <li>
-          <input type="submit" value="Create & Edit Module" />
-          <div>
-            <a href="#">Save without edit</a>
-            <a href="#">Cancel</a>
-          </div>
-        </li>
-      </ul>
-    </form>
-  </div>
+  <!-- <div> -->
+  <!--   <form> -->
+  <!--     <ul> -->
+  <!--       <li> -->
+  <!--         <input type="text" name="" id="" placeholder="Moldule title" /> -->
+  <!--       </li> -->
+  <!--       <li> -->
+  <!--         <select> -->
+  <!--           <option>Use template</option> -->
+  <!--           <option>Lecture Sequence</option> -->
+  <!--           <option>Use template</option> -->
+  <!--         </select> -->
+  <!--       </li> -->
+  <!--       <li> -->
+  <!--         <input type="submit" value="Create & Edit Module" /> -->
+  <!--         <div> -->
+  <!--           <a href="#">Save without edit</a> -->
+  <!--           <a href="#">Cancel</a> -->
+  <!--         </div> -->
+  <!--       </li> -->
+  <!--     </ul> -->
+  <!--   </form> -->
+  <!-- </div> -->
 </li>