From cb381a7cff44ff2a3dc356d105598579610e22a4 Mon Sep 17 00:00:00 2001
From: Diana Huang <dkh@edx.org>
Date: Mon, 21 Aug 2017 10:59:04 -0400
Subject: [PATCH] Use an X icon instead of text.

---
 lms/static/sass/features/_course-experience.scss             | 3 +++
 .../course_experience/fixtures/latest-update-fragment.html   | 5 ++++-
 .../course_experience/fixtures/welcome-message-fragment.html | 5 ++++-
 .../templates/course_experience/latest-update-fragment.html  | 5 ++++-
 .../course_experience/welcome-message-fragment.html          | 5 ++++-
 5 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/lms/static/sass/features/_course-experience.scss b/lms/static/sass/features/_course-experience.scss
index 5de8a3b56f..c417a3b072 100644
--- a/lms/static/sass/features/_course-experience.scss
+++ b/lms/static/sass/features/_course-experience.scss
@@ -86,6 +86,9 @@
 
   .dismiss-message {
     @include float(right);
+    .btn-link {
+        color: palette(grayscale, base);
+    }
   }
 }
 
diff --git a/openedx/features/course_experience/static/course_experience/fixtures/latest-update-fragment.html b/openedx/features/course_experience/static/course_experience/fixtures/latest-update-fragment.html
index 3564396ec5..41fd8b44c3 100644
--- a/openedx/features/course_experience/static/course_experience/fixtures/latest-update-fragment.html
+++ b/openedx/features/course_experience/static/course_experience/fixtures/latest-update-fragment.html
@@ -1,7 +1,10 @@
 <div class="update-message">
     <h3>Latest Update</h3>
     <div class="dismiss-message">
-        <button type="button" class="btn-link">Dismiss</button>
+        <button type="button" class="btn-link">
+            <span class="sr">Dismiss</span>
+            <span class="icon fa fa-times" aria-hidden="true"></span>
+        </button>
     </div>
     This is an update.
 </div>
diff --git a/openedx/features/course_experience/static/course_experience/fixtures/welcome-message-fragment.html b/openedx/features/course_experience/static/course_experience/fixtures/welcome-message-fragment.html
index 7bc36fcb14..95c718e577 100644
--- a/openedx/features/course_experience/static/course_experience/fixtures/welcome-message-fragment.html
+++ b/openedx/features/course_experience/static/course_experience/fixtures/welcome-message-fragment.html
@@ -1,6 +1,9 @@
 <div class="welcome-message">
     <div class="dismiss-message">
-        <button type="button" class="btn-link">${_("Dismiss")}</button>
+        <button type="button" class="btn-link">
+            <span class="sr">Dismiss</span>
+            <span class="icon fa fa-times" aria-hidden="true"></span>
+        </button>
     </div>
     This is a useful welcome message!
 </div>
diff --git a/openedx/features/course_experience/templates/course_experience/latest-update-fragment.html b/openedx/features/course_experience/templates/course_experience/latest-update-fragment.html
index 89d3d93e31..4f9b6082b9 100644
--- a/openedx/features/course_experience/templates/course_experience/latest-update-fragment.html
+++ b/openedx/features/course_experience/templates/course_experience/latest-update-fragment.html
@@ -11,7 +11,10 @@ from openedx.core.djangolib.markup import HTML
 <%block name="content">
 <div class="update-message">
     <div class="dismiss-message">
-        <button type="button" class="btn-link">${_("Dismiss")}</button>
+        <button type="button" class="btn-link">
+            <span class="sr">${_("Dismiss")}</span>
+            <span class="icon fa fa-times" aria-hidden="true"></span>
+        </button>
     </div>
     <h3>${_("Latest Update")}</h3>
 
diff --git a/openedx/features/course_experience/templates/course_experience/welcome-message-fragment.html b/openedx/features/course_experience/templates/course_experience/welcome-message-fragment.html
index ff9dbe4580..b20e8ee758 100644
--- a/openedx/features/course_experience/templates/course_experience/welcome-message-fragment.html
+++ b/openedx/features/course_experience/templates/course_experience/welcome-message-fragment.html
@@ -12,7 +12,10 @@ from openedx.core.djangolib.markup import HTML
 <%block name="content">
 <div class="welcome-message">
     <div class="dismiss-message">
-        <button type="button" class="btn-link">${_("Dismiss")}</button>
+        <button type="button" class="btn-link">
+            <span class="sr">${_("Dismiss")}</span>
+            <span class="icon fa fa-times" aria-hidden="true"></span>
+        </button>
     </div>
 
     ${HTML(welcome_message_html)}