Added styles for buttons

cms/static/sass/_base.scss

@@ -8,7 +8,7 @@ $body-line-height: 20px;
 $light-blue: #f0f7fd;
 $dark-blue: #50545c;
 $bright-blue: #3c8ebf;
-$orange: #ea5155;
+$orange: #f96e5b;
 $yellow: #fff8af;
 $cream: #F6EFD4;
 $mit-red: #933;
@@ -41,17 +41,19 @@ input {
 }
 
 button, input[type="submit"], .button {
-  @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
-  @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
-  border-left: 1px solid lighten($dark-blue, 10%);
-  text-shadow: 0 -1px 0 darken($bright-blue, 10%);
+  background-color: $orange;
+  @include linear-gradient(adjust-hue($orange, 8%), $orange);
+  border: 1px solid darken($orange, 15%);
+  @include box-shadow(inset 0 0 0 1px adjust-hue($orange, 20%), 0 1px 0 #fff);
+  text-shadow: 0 1px 0 darken($orange, 10%);
   color: #fff;
   font-weight: bold;
-  padding: 8px 10px;
+  padding: 6px 20px;
   -webkit-font-smoothing: antialiased;
   @include border-radius(4px);
 
   &:hover, &:focus {
+    @include box-shadow(inset 0 0 6px 1px adjust-hue($orange, 30%));
   }
 }
 

cms/static/sass/_section.scss

@@ -61,16 +61,14 @@ section#unit-wrapper {
         background: #fff;
         padding: 6px;
         border-bottom: 1px solid lighten($dark-blue, 60%);
-        border-top: 1px solid lighten($dark-blue, 60%);
-        margin-top: -1px;
         @include clearfix;
 
         h2 {
           color: $bright-blue;
-          float: left;
-          font-size: 12px;
+          // float: left;
+          font-size: 14px;
           letter-spacing: 1px;
-          line-height: 19px;
+          // line-height: 20px;
           text-transform: uppercase;
           margin: 0;
         }
@@ -175,7 +173,6 @@ section#unit-wrapper {
           padding: 0;
 
           li {
-            border-bottom: 1px solid darken($light-blue, 8%);
             background: $light-blue;
 
             &:last-child {
@@ -184,6 +181,7 @@ section#unit-wrapper {
 
             &.new-module a {
               background-color: darken($light-blue, 2%);
+              border-bottom: 1px solid darken($light-blue, 8%);
 
               &:hover {
                 background-color: lighten($yellow, 10%);
@@ -202,6 +200,7 @@ section#unit-wrapper {
               li {
                 padding: 6px;
                 border-collapse: collapse;
+                border-bottom: 1px solid darken($light-blue, 8%);
                 position: relative;
 
                 &:last-child {

cms/static/sass/_unit.scss

@@ -32,45 +32,31 @@ section#unit-wrapper {
       @include clearfix;
       color: #666;
       float: right;
-      padding: 0 20px;
+      padding: 6px 20px;
 
       a {
         @include inline-block;
-        padding: 13px 20px;
 
         &.cancel {
           margin-right: 20px;
           font-style: italic;
           font-size: 12px;
+          padding: 6px 0;
         }
 
         &.save-update {
-          border-left: 1px solid lighten($dark-blue, 40%);
-          border-right: 1px solid lighten($dark-blue, 40%);
-          // @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
-          color: $bright-blue;
-          @include linear-gradient(lighten($dark-blue, 50%), lighten($bright-blue, 55%));
-
-          // &:hover, &:focus {
-          //   color: $yellow;
-          //   @include linear-gradient($bright-blue, darken($bright-blue, 10%));
-          //   @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
-          // }
+          padding: 6px 20px;
+          @include border-radius(3px);
+          border: 1px solid lighten($dark-blue, 40%);
+          @include box-shadow(inset 0 0 0 1px #fff);
+          color: $dark-blue;
+          @include linear-gradient(lighten($dark-blue, 60%), lighten($dark-blue, 55%));
+
+          &:hover, &:focus {
+            @include linear-gradient(lighten($dark-blue, 58%), lighten($dark-blue, 53%));
+            @include box-shadow(inset 0 0 6px 1px #fff);
+          }
         }
-        // &.save-update {
-        //   border-left: 1px solid lighten($dark-blue, 10%);
-        //   border-right: 1px solid lighten($dark-blue, 10%);
-        //   @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
-        //   color: #fff;
-        //   @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
-        //   text-shadow: 0 -1px 0 darken($bright-blue, 10%);
-
-        //   &:hover, &:focus {
-        //     color: $yellow;
-        //     @include linear-gradient($bright-blue, darken($bright-blue, 10%));
-        //     @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
-        //   }
-        // }
       }
     }
   }