From da6ac54d1a3788fda103233fd193e2c6a9e4ef11 Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Thu, 4 Apr 2013 18:00:08 -0400
Subject: [PATCH] studio - added in labels and UTC reference for section
 release date modal forms

---
 cms/static/sass/views/_outline.scss | 26 ++++++++++++++++++++++++++
 cms/templates/overview.html         | 11 +++++++++--
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/cms/static/sass/views/_outline.scss b/cms/static/sass/views/_outline.scss
index 6a141fa789..6b179f0731 100644
--- a/cms/static/sass/views/_outline.scss
+++ b/cms/static/sass/views/_outline.scss
@@ -604,13 +604,39 @@ body.course.outline {
       }
 
       .picker {
+          @include clearfix();
           margin: 30px 0 65px;
+
+          .field {
+            float: left;
+            margin-right: ($baseline/2);
+
+            &:first-child {
+              margin-left: ($baseline*5);
+            }
+
+            &:last-child {
+              margin-right: 0;
+            }
+
+            label, input {
+              display: block;
+              text-align: left;
+            }
+
+            label {
+              @include font-size(14);
+              margin-bottom: ($baseline/4);
+            }
+          }
       }
 
       .description {
+          float: left;
           margin-top: 30px;
           font-size: 14px;
           line-height: 20px;
+          width: 100%;
       }
 
       strong {
diff --git a/cms/templates/overview.html b/cms/templates/overview.html
index eafef5e971..702fe46201 100644
--- a/cms/templates/overview.html
+++ b/cms/templates/overview.html
@@ -108,8 +108,15 @@
     <div class="settings">
       <h3>Section Release Date</h3>
       <div class="picker datepair">
-        <input class="start-date date" type="text" name="start_date" value="" placeholder="MM/DD/YYYY" class="date" size='15' autocomplete="off"/>
-        <input class="start-time time" type="text" name="start_time" value="" placeholder="HH:MM" class="time" size='10' autocomplete="off"/>
+        <div class="field field-start-date">
+          <label for="">Release Day</label>
+          <input class="start-date date" type="text" name="start_date" value="" placeholder="MM/DD/YYYY" class="date" size='15' autocomplete="off"/>
+        </div>
+        <div class="field field-start-time">
+          <label for="">Release Time (<abbr title="Coordinated Universal Time (UTC">UTC</abbr>)</label>
+          <input class="start-time time" type="text" name="start_time" value="" placeholder="HH:MM" class="time" size='10' autocomplete="off"/>
+        </div>
+        
         <div class="description">
           <p>On the date set above, this section – <strong class="section-name"></strong> – will be released to students. Any units marked private will only be visible to admins.</p>
         </div>