From 222b05a158139ff06e312737c30a698a014bcb0f Mon Sep 17 00:00:00 2001
From: Waheed Ahmed <waheed.ahmed@arbisoft.com>
Date: Tue, 2 Dec 2014 19:44:01 +0500
Subject: [PATCH] Added IMG tag instead of css background property for
 important visual indicator. TNL-892

---
 lms/static/sass/course/courseware/_sidebar.scss | 12 ++++++++----
 lms/templates/courseware/accordion.html         |  4 ++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/lms/static/sass/course/courseware/_sidebar.scss b/lms/static/sass/course/courseware/_sidebar.scss
index 885d54e886..aa6204c7da 100644
--- a/lms/static/sass/course/courseware/_sidebar.scss
+++ b/lms/static/sass/course/courseware/_sidebar.scss
@@ -205,13 +205,17 @@
 
         &.graded {
          > a {
-           background-image: url('../images/graded.png');
-           background-repeat: no-repeat;
-           background-position: 97% center;
+           > img {
+             margin: auto;
+             position: absolute;
+             top: 0;
+             bottom: 0;
+             right: 7px;
+           }
           }
 
           &.active > a {
-            @include background-image(url('../images/graded.png'), linear-gradient(top, #e6e6e6, #d6d6d6));
+            background: linear-gradient(to bottom, #e6e6e6, #d6d6d6);
           }
         }
       }
diff --git a/lms/templates/courseware/accordion.html b/lms/templates/courseware/accordion.html
index c1df704416..baa2cf9214 100644
--- a/lms/templates/courseware/accordion.html
+++ b/lms/templates/courseware/accordion.html
@@ -34,6 +34,10 @@
                     due_date = '' if len(formatted_string)==0 else _('due {date}').format(date=formatted_string)
               %>
               <p class="subtitle">${section['format']} ${due_date}</p>
+
+              % if 'graded' in section and section['graded']:
+                  <img src="/static/images/graded.png" alt="Graded Section">
+              % endif
             </a>
           </li>
       % endfor