grading - added in tooltips for graded toggle on overview UI and moved icon…

grading - added in tooltips for graded toggle on overview UI and moved icon libraries and tooltip asset references to base template

cms/templates/base.html

@@ -9,6 +9,9 @@
     <%static:css group='base-style'/>
     <link rel="stylesheet" type="text/css" href="${static.url('js/vendor/markitup/skins/simple/style.css')}" />
     <link rel="stylesheet" type="text/css" href="${static.url('js/vendor/markitup/sets/wiki/style.css')}" />
+    <link rel="stylesheet" type="text/css" href="${static.url('css/vendor/symbolset.ss-standard.css')}" />
+    <link rel="stylesheet" type="text/css" href="${static.url('css/vendor/symbolset.ss-symbolicons-block.css')}" />
+   
     <title><%block name="title"></%block></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
 
@@ -26,6 +29,9 @@
     <script type="text/javascript" src="${static.url('js/vendor/backbone-min.js')}"></script>
     <script type="text/javascript" src="${static.url('js/vendor/markitup/jquery.markitup.js')}"></script>
     <script type="text/javascript" src="${static.url('js/vendor/markitup/sets/wiki/set.js')}"></script>
+    <script src="${static.url('js/vendor/symbolset.ss-standard.js')}"></script>
+    <script src="${static.url('js/vendor/symbolset.ss-symbolicons.js')}"></script>
+
     <%static:js group='main'/>
     <%static:js group='module-js'/>
     <script src="${static.url('js/vendor/jquery.inlineedit.js')}"></script>

cms/templates/overview.html

@@ -17,11 +17,6 @@
   <script src="${static.url('js/vendor/timepicker/datepair.js')}"></script>
   <script src="${static.url('js/vendor/date.js')}"></script>
 
-  <link rel="stylesheet" type="text/css" href="${static.url('css/vendor/symbolset.ss-standard.css')}" />
-  <link rel="stylesheet" type="text/css" href="${static.url('css/vendor/symbolset.ss-symbolicons-block.css')}" />
-  <script src="${static.url('js/vendor/symbolset.ss-standard.js')}"></script>
-  <script src="${static.url('js/vendor/symbolset.ss-symbolicons.js')}"></script>
-
   <script type="text/javascript">
     (function() {
       $body = $('body');  
@@ -32,7 +27,6 @@
     function showGradeMenu(e) {
 
       $section = $(this).closest('.gradable-status');
-
       e.preventDefault();
       $section.toggleClass('is-active');
     }
@@ -174,8 +168,8 @@
             <div class="gradable-status">
               <h4 class="status-label">Not Graded</h4>
               
-              <a class="menu-toggle" href="#">
-                <span class="ss-icon ss-standard" data-tooltip="Make this gradable">&#x2713;</span>
+              <a data-tooltip="Mark/unmark this section as graded" class="menu-toggle" href="#">
+                <span class="ss-icon ss-standard">&#x2713;</span>
               </a>
                               
               <ul class="menu">
@@ -214,7 +208,7 @@
                   <div class="gradable-status">
                     <h4 class="status-label">Not Graded</h4>
                     
-                    <a class="menu-toggle" href="#">
+                    <a data-tooltip="Mark/unmark this subsection as graded" class="menu-toggle" href="#">
                       <span class="ss-icon ss-standard">&#x2713;</span>
                     </a>