From a59972dcabc56c3d92f09ba1b88a2ded70ce8c34 Mon Sep 17 00:00:00 2001
From: Alexander Tseung <alextsg@users.noreply.github.com>
Date: Fri, 13 Oct 2017 17:14:48 -0400
Subject: Prevent adding already added tokens (#2362)

---
 ui/app/css/itcss/components/add-token.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'ui/app/css/itcss/components')

diff --git a/ui/app/css/itcss/components/add-token.scss b/ui/app/css/itcss/components/add-token.scss
index d5d1aab71..aa8221c9a 100644
--- a/ui/app/css/itcss/components/add-token.scss
+++ b/ui/app/css/itcss/components/add-token.scss
@@ -4,7 +4,6 @@
   flex-flow: column nowrap;
   align-items: center;
   position: relative;
-  top: -36px;
   z-index: 12;
   font-family: 'DIN Next Light';
 
@@ -189,6 +188,7 @@
     border-radius: 10px;
     cursor: pointer;
     border: 2px solid transparent;
+    position: relative;
 
     &:hover {
       border: 2px solid rgba($malibu-blue, .5);
@@ -197,6 +197,11 @@
     &--selected {
       border: 2px solid $malibu-blue !important;
     }
+
+    &--disabled {
+      opacity: .4;
+      pointer-events: none;
+    }
   }
 
   &__token-name {
@@ -223,6 +228,14 @@
     flex: 0 0 auto;
   }
 
+  &__token-message {
+    position: absolute;
+    color: $caribbean-green;
+    font-size: 11px;
+    bottom: 0;
+    left: 85px;
+  }
+
   &__confirmation-token-list {
     display: flex;
     flex-flow: column nowrap;
-- 
cgit