From 9c475e4005115c0a7f80a8a627d6e8f016be9451 Mon Sep 17 00:00:00 2001
From: Szymon Lesisz <sz.lesisz@gmail.com>
Date: Fri, 11 May 2018 15:37:00 +0200
Subject: [PATCH] forget button in "other devices"

---
 src/js/components/wallet/aside/DeviceSelection.js |  6 +++++-
 src/styles/aside.less                             | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/js/components/wallet/aside/DeviceSelection.js b/src/js/components/wallet/aside/DeviceSelection.js
index 9c3b23bf..c36a4f00 100644
--- a/src/js/components/wallet/aside/DeviceSelection.js
+++ b/src/js/components/wallet/aside/DeviceSelection.js
@@ -201,12 +201,16 @@ export class DeviceDropdown extends Component<Props> {
                         <span className="label">{ dev.instanceLabel }</span>
                         <span className="status">{ deviceStatus }</span>
                     </div>
+                    <div className="forget-button" onMouseDown={ (event) => {
+                        event.stopPropagation();
+                        event.preventDefault();
+                        this.onDeviceMenuClick({ type: 'forget', label: ''}, dev);
+                    } }> </div>
                 </div>
             );
         });
 
 
-
         return (
             <section>
                 { currentDeviceMenu }
diff --git a/src/styles/aside.less b/src/styles/aside.less
index 853162ce..22ac8ad8 100644
--- a/src/styles/aside.less
+++ b/src/styles/aside.less
@@ -196,6 +196,20 @@ aside {
             font-size: 11px;
             margin-right: 8px;
         }
+
+        .forget-button {
+            color: @color_text_secondary;
+            .hover();
+            &:before {
+                .icomoon-eject;
+                position: relative;
+                font-size: 24px;
+            }
+
+            &:hover {
+                color: @color_text_primary;
+            }
+        }
     }
 
     .device-menu {