studio html editor - revised header styles for editing/displaying HTML components (including separating studio editing chrome from style rules)

cms/templates/edit-static-page.html

@@ -20,7 +20,7 @@
     </div>
     <div class="sidebar">
       <div class="unit-settings window">
-        <h4>Page Settings</h4>
+        <h4 class="header">Page Settings</h4>
         <div class="window-contents">
           <div class="row visibility">
             <label class="inline-label">Visibility:</label>

cms/templates/edit_subsection.html

@@ -48,7 +48,7 @@
 
     <div class="sidebar">
       <div class="unit-settings window id-holder" data-id="${subsection.location}">
-    <h4>Subsection Settings</h4>
+    <h4 class="header">Subsection Settings</h4>
     <div class="window-contents">
       <div class="scheduled-date-input row">
         <label>Release date:<!-- <span class="description">Determines when this subsection and the units within it will be released publicly.</span>--></label>

cms/templates/unit.html

@@ -98,7 +98,7 @@
 
       <div class="sidebar">
         <div class="unit-settings window">
-          <h4>Unit Settings</h4>
+          <h4 class="header">Unit Settings</h4>
           <div class="window-contents">
             <div class="row visibility">
               <label class="inline-label">Visibility:</label>
@@ -126,7 +126,7 @@
           </div>
         </div>
         <div class="window unit-location">
-          <h4>Unit Location</h4>
+          <h4 class="header">Unit Location</h4>
           <div class="window-contents">
             <div><input type="text" class="url" value="/courseware/${section.url_name}/${subsection.url_name}" disabled /></div>
             <ol>