new unit publish settings

cms/static/sass/_base.scss

@@ -183,8 +183,8 @@ label {
     }
 
     .row {
-        margin-bottom: 15px;
-        padding-bottom: 15px;
+        margin-bottom: 10px;
+        padding-bottom: 10px;
         border-bottom: 1px solid #cbd1db;
     }
 }

cms/static/sass/_subsection.scss

@@ -83,7 +83,7 @@
 	label {
 		display: inline-block !important;
 		margin-right: 10px;
-		line-height: 31px;
+		line-height: 21px;
 	}
 
 	a {
@@ -100,6 +100,10 @@
 	.large-toggle {
 		width: 41px;
 		background: url(../img/large-toggles.png) no-repeat;
+		background-position: 0 -50px;
+
+		.hidden {
 			background-position: 0 -5px;			
 		}
+	}
 }

cms/static/sass/_unit.scss

@@ -104,7 +104,6 @@
         margin-left: 3px;
         border: 1px solid #fff;
         border-radius: 3px;
-                // background: $blue;
         background: #d1ddec;
         font-size: 12px;
         color: #fff;
@@ -267,10 +266,6 @@
     }
   }
 
-    .status {
-        display: none;
-    }
-
   .visibility-options .option {
     margin-right: 10px;
     padding: 3px 13px 6px;
@@ -286,24 +281,34 @@
     }
   }
 
-    .save-button {
-        @include white-button;
-        margin-top: 10px;
+  .status {
+    font-size: 12px;
+
+    strong {
+      font-weight: 700;
+    }
   }
 
   .preview-button {
     @include white-button;
-        margin-top: 10px;
+    margin-bottom: 10px;
   }
 
   .publish-button {
     @include orange-button;
-        margin-top: 10px;
   }
 
-    .release-button {
+  .save-button {
     @include blue-button;
   }
+
+  .save-button,
+  .preview-button,
+  .publish-button {
+    font-size: 11px;
+    margin-top: 10px;
+    padding: 6px 15px 8px;
+  }
 }
 
 .unit-history {

cms/templates/unit.html

@@ -49,7 +49,7 @@
         </article>
       </div>
 
-      <div class="sidebar wip-box">
+      <div class="sidebar">
         <div class="unit-properties window">
           <h4>Unit Properties</h4>
           <div class="window-contents">
@@ -61,21 +61,19 @@
                 <a href="#" class="remove-date">Remove due date</a>
               </div>
             </div>
-            <div class="visibility row">
-              <label>Visibility:<!-- <span class="description">Shows or hides this subsection and the units within it.</span>--></label>
-              <a href="#" class="toggle-off">hidden</a><a href="#" class="large-toggle"></a><a href="#" class="toggle-on">shown</a>
-            </div>
-            <div class="status row">
-              <label class="inline-label">Status:</label>
+            <div class="row visibility">
+              <label class="inline-label">Visibility:</label>
               <select>
-                <option>Draft</option>
-                <option>Released</option>
+                <option>Public</option>
+                <option>Private</option>
               </select>
             </div>
+            <div class="row status">
+              <p>This unit is scheduled to be released to <strong>students</strong> on <strong>10/12/2012</strong> with the subsection <a href="#">"Administrivia and Circuit Elements."</a></p>
+            </div>
             <div class="row unit-actions">
-              <a href="#" class="save-button">Save Draft</a>
+              <a href="#" class="save-button">Save</a>
               <a href="preview.html" target="_blank" class="preview-button">Preview</a>
-              <a href="#" class="release-button">Release</a>
             </div>
           </div>
         </div>