From b5fdaac94721a708a7969b4222645c6fa4ea860e Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Wed, 27 Jul 2016 18:06:47 +0100
Subject: [PATCH] Final spacing tweaks to get it aligned with the design

---
 .../views/context_menus/NotificationStateContextMenu.js   | 8 ++++----
 .../views/context_menus/NotificationStateContextMenu.css  | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/views/context_menus/NotificationStateContextMenu.js b/src/components/views/context_menus/NotificationStateContextMenu.js
index 17f75f80..2de02112 100644
--- a/src/components/views/context_menus/NotificationStateContextMenu.js
+++ b/src/components/views/context_menus/NotificationStateContextMenu.js
@@ -116,21 +116,21 @@ module.exports = React.createClass({
                     <img src="img/notif-slider.svg" width="20" height="107" />
                 </div>
                 <div className={ alertMeClasses } onClick={this._onClickAlertMe} >
-                    <img src="img/icon-context-mute-off-copy.svg" width="20" height="12" />
+                    <img className="mx_NotificationStateContextMenu_icon" src="img/icon-context-mute-off-copy.svg" width="20" height="12" />
                     Alert me
                 </div>
                 <div className={ allNotifsClasses } onClick={this._onClickAllNotifs} >
                     <img className="mx_NotificationStateContextMenu_activeIcon" src="img/notif-active.svg" width="12" height="12" />
-                    <img src="img/icon-context-mute-off.svg" width="20" height="12" />
+                    <img className="mx_NotificationStateContextMenu_icon" src="img/icon-context-mute-off.svg" width="20" height="12" />
                     All notifications
                 </div>
                 <div className={ mentionsClasses } onClick={this._onClickMentions} >
-                    <img src="img/icon-context-mute-mentions.svg" width="20" height="12" />
+                    <img className="mx_NotificationStateContextMenu_icon" src="img/icon-context-mute-mentions.svg" width="20" height="12" />
                     Mentions only
                 </div>
                 <div className={ muteNotifsClasses } onClick={this._onClickMute} >
                     <img className="mx_NotificationStateContextMenu_activeIcon" src="img/notif-active.svg" width="12" height="12" />
-                    <img src="img/icon-context-mute.svg" width="20" height="12" />
+                    <img className="mx_NotificationStateContextMenu_icon" src="img/icon-context-mute.svg" width="20" height="12" />
                     Mute
                 </div>
             </div>
diff --git a/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css b/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
index 9dd0fa9c..d92355e3 100644
--- a/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
+++ b/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
@@ -40,6 +40,10 @@ limitations under the License.
     color: rgba(0, 0, 0, 0.2);
 }
 
+.mx_NotificationStateContextMenu_icon {
+    padding-right: 2px;
+}
+
 .mx_NotificationStateContextMenu_activeIcon {
     display: none;
     position: relative;