Played with the layout a bit and some other small changes

cms/static/sass/_calendar.scss

@@ -65,6 +65,12 @@ section.cal {
       background-color: $light-blue;
       overflow-y: hidden;
 
+      &:hover {
+        li.create-module {
+          opacity: 1;
+        }
+      }
+
       header {
         border-bottom: 1px solid lighten($dark-blue, 40%);
         @include box-shadow(0 2px 2px $light-blue);
@@ -106,6 +112,7 @@ section.cal {
         list-style: none;
         margin-bottom: 1px;
 
+
         li {
           border-bottom: 1px solid darken($light-blue, 8%);
           position: relative;
@@ -149,6 +156,9 @@ section.cal {
 
           &.create-module {
             position: relative;
+            opacity: 0;
+            @include transition(all 3s ease-in-out);
+            background: darken($light-blue, 2%);
 
             > div {
               background: $dark-blue;
@@ -299,21 +309,29 @@ section.cal {
 
 body.content
 section.cal {
-  width: flex-grid(3) + flex-gutter();
+  width: flex-grid(3);
   float: left;
   overflow: scroll;
   @include box-sizing(border-box);
   opacity: .4;
   @include transition();
+  background: darken($light-blue, 2%);
 
   &:hover {
     opacity: 1;
+    width: flex-grid(4) + flex-gutter();
+    background-color: transparent;
+
+    + section.main-content {
+      width: flex-grid(8);
+      opacity: .6;
+    }
   }
 
   > header {
     @include transition;
     overflow: hidden;
-    height: 55px;
+    height: 30px;
 
     ul {
       display: block;
@@ -330,7 +348,7 @@ section.cal {
     }
 
     &:hover {
-      height: 167px;
+      height: 10%;
     }
   }
 

cms/static/sass/_layout.scss

@@ -73,9 +73,10 @@ body {
     section.main-content {
       border-left: 2px solid $dark-blue;
       @include box-sizing(border-box);
-      width: flex-grid(9);
+      width: flex-grid(9) + flex-gutter();
       float: left;
       @include box-shadow( -2px 0 0 darken($light-blue, 3%));
+      @include transition();
     }
   }
 }

cms/static/sass/_unit.scss

@@ -21,7 +21,6 @@ section#unit-wrapper {
         margin-left: 10px;
         color: #999;
         font-size: 12px;
-        font-style: italic;
       }
     }