From 8636d82eba089b69367bb61781830f0ba109c1f3 Mon Sep 17 00:00:00 2001
From: SiddharthVarshney <siddharth.98varshney@gmail.com>
Date: Thu, 11 Jun 2020 09:05:33 +0530
Subject: [PATCH] settings: Use icon to play notification sound.

---
 static/styles/settings.scss                         | 7 ++++++-
 static/templates/settings/notification_settings.hbs | 6 +++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index 54c2fab949..4b2f5cf310 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -160,7 +160,12 @@ h3 .fa-question-circle-o {
 #notification_sound,
 #play_notification_sound {
     display: inline;
-    margin-right: 8px;
+    margin-right: 4px;
+
+    i {
+        font-size: 22px;
+        cursor: pointer;
+    }
 }
 
 .attributions_title {
diff --git a/static/templates/settings/notification_settings.hbs b/static/templates/settings/notification_settings.hbs
index 9b4bd8129b..0eb2ab3281 100644
--- a/static/templates/settings/notification_settings.hbs
+++ b/static/templates/settings/notification_settings.hbs
@@ -75,9 +75,9 @@
                     <option value="{{ this }}">{{ this }}</option>
                     {{/each}}
                 </select>
-                <a id="play_notification_sound">
-                    {{t "Play sound" }}
-                </a>
+                <span id="play_notification_sound">
+                    <i class="fa fa-play-circle" aria-label={{t "Play sound" }}></i>
+                </span>
             </div>
 
             <div class="input-group">