From 7ff975e0b60dc26094d5d6602ddba628677a6b41 Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Fri, 5 Apr 2013 11:06:34 -0400
Subject: [PATCH] studio - removing default styling for abbreviation elements,
 fixing typo in title attribute for timepickers

---
 cms/static/sass/_reset.scss            |  6 ++++++
 cms/static/sass/views/_subsection.scss |  1 +
 cms/templates/edit_subsection.html     | 13 ++++++++-----
 cms/templates/overview.html            |  2 +-
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/cms/static/sass/_reset.scss b/cms/static/sass/_reset.scss
index 87a6e51232..c963fc1969 100644
--- a/cms/static/sass/_reset.scss
+++ b/cms/static/sass/_reset.scss
@@ -57,6 +57,12 @@ table {
 	border-spacing: 0;
 }
 
+abbr[title] {
+	border-bottom: none;
+	text-decoration: none;
+	cursor: pointer;
+}
+
 // ====================
 
 // grandfathered styles
diff --git a/cms/static/sass/views/_subsection.scss b/cms/static/sass/views/_subsection.scss
index 57fd3a721e..7b4aff8b34 100644
--- a/cms/static/sass/views/_subsection.scss
+++ b/cms/static/sass/views/_subsection.scss
@@ -258,6 +258,7 @@ body.course.subsection {
 
     .remove-date {
       display: block;
+      margin-top: ($baseline/4);
     }
   }
 
diff --git a/cms/templates/edit_subsection.html b/cms/templates/edit_subsection.html
index 6c013aec7b..901e0a8008 100644
--- a/cms/templates/edit_subsection.html
+++ b/cms/templates/edit_subsection.html
@@ -39,7 +39,7 @@
             <input type="text" id="start_date" name="start_date" value="${get_time_struct_display(subsection.lms.start, '%m/%d/%Y')}" placeholder="MM/DD/YYYY" class="date" size='15' autocomplete="off"/>
           </div>
           <div class="field field-start-time">
-          <label for="start_time">Release Time (<abbr title="Coordinated Universal Time (UTC">UTC</abbr>)</label>
+            <label for="start_time">Release Time (<abbr title="Coordinated Universal Time">UTC</abbr>)</label>
             <input type="text" id="start_time" name="start_time" value="${get_time_struct_display(subsection.lms.start, '%H:%M')}" placeholder="HH:MM" class="time" size='10' autocomplete="off"/>
           </div>
         </div>
@@ -61,14 +61,17 @@
     </div>
 
     <div class="due-date-input row">
-      <label>Due date:</label>
       <a href="#" class="set-date">Set a due date</a>
       <div class="datepair date-setter">
-        <p class="date-description">
+        <div class="field field-start-date">
+          <label for="due_date">Due Day</label>
           <input type="text" id="due_date" name="due_date" value="${get_time_struct_display(subsection.lms.due, '%m/%d/%Y')}" placeholder="MM/DD/YYYY" class="date" size='15' autocomplete="off"/>
+        </div>
+        <div class="field field-start-time">
+          <label for="due_time">Due Time (<abbr title="Coordinated Universal Time">UTC</abbr>)</label>
           <input type="text" id="due_time" name="due_time" value="${get_time_struct_display(subsection.lms.due, '%H:%M')}" placeholder="HH:MM" class="time" size='10' autocomplete="off"/>
-          <a href="#" class="remove-date">Remove due date</a>
-        </p>
+        </div>
+        <a href="#" class="remove-date">Remove due date</a>
       </div>
     </div>
     <div class="row unit-actions">
diff --git a/cms/templates/overview.html b/cms/templates/overview.html
index 702fe46201..ae1ff985f0 100644
--- a/cms/templates/overview.html
+++ b/cms/templates/overview.html
@@ -113,7 +113,7 @@
           <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>
+          <label for="">Release Time (<abbr title="Coordinated Universal Time">UTC</abbr>)</label>
           <input class="start-time time" type="text" name="start_time" value="" placeholder="HH:MM" class="time" size='10' autocomplete="off"/>
         </div>