From 04e944736715ae41a5f64a3cbfdb6120f737bfdb Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Sun, 13 Jan 2013 12:15:29 -0500
Subject: [PATCH] added in icons for header and explanation markdown elements

---
 cms/static/img/problem-editor-icons.png       | Bin 3309 -> 2307 bytes
 cms/templates/widgets/problem-edit.html       |   4 ++--
 .../lib/xmodule/xmodule/css/problem/edit.scss |  10 ++++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/cms/static/img/problem-editor-icons.png b/cms/static/img/problem-editor-icons.png
index 62f078560fc47b5765e1d3c05e3b4077d7960ab4..27eb57b668a182b6a77c2556d2183a96084844a3 100644
GIT binary patch
literal 2307
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
F`47Beleho?

literal 3309
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

diff --git a/cms/templates/widgets/problem-edit.html b/cms/templates/widgets/problem-edit.html
index c383d9aa1f..d17bc21d3c 100644
--- a/cms/templates/widgets/problem-edit.html
+++ b/cms/templates/widgets/problem-edit.html
@@ -5,7 +5,7 @@
         <div class="editor-bar">
             <ul class="format-buttons">
                 <li><a href="#" class="header-button" data-tooltip="Header"><span
-                        class="problem-editor-icon dropdown"></span></a></li>
+                        class="problem-editor-icon header"></span></a></li>
                 <li><a href="#" class="multiple-choice-button" data-tooltip="Multiple Choice"><span
                         class="problem-editor-icon multiple-choice"></span></a></li>
                 <li><a href="#" class="checks-button" data-tooltip="Check Multiple"><span
@@ -17,7 +17,7 @@
                 <li><a href="#" class="dropdown-button" data-tooltip="Option Response"><span
                         class="problem-editor-icon dropdown"></span></a></li>
                 <li><a href="#" class="explanation-button" data-tooltip="Explanation (aka Solution)"><span
-                        class="problem-editor-icon dropdown"></span></a></li>
+                        class="problem-editor-icon explanation"></span></a></li>
             </ul>
             <ul class="editor-tabs">
                 <li><a href="#" class="xml-tab advanced-toggle" data-tab="xml">Advanced Editor</a></li>
diff --git a/common/lib/xmodule/xmodule/css/problem/edit.scss b/common/lib/xmodule/xmodule/css/problem/edit.scss
index 7963bcc8b6..659f5becf9 100644
--- a/common/lib/xmodule/xmodule/css/problem/edit.scss
+++ b/common/lib/xmodule/xmodule/css/problem/edit.scss
@@ -131,6 +131,11 @@
   background: url(../img/problem-editor-icons.png) no-repeat;
 }
 
+.problem-editor-icon.header {
+  width: 18px;
+  background-position: -265px 0;
+}
+
 .problem-editor-icon.multiple-choice {
   background-position: 0 0;
 }
@@ -154,4 +159,9 @@
   background-position: -220px 0;
 }
 
+.problem-editor-icon.explanation {
+  width: 17px;
+  background-position: -307px 0;
+}
+