From 0ab227d8a267c63109d671fd34509e7a417b9114 Mon Sep 17 00:00:00 2001
From: David Yoo <dyoo@uber.com>
Date: Mon, 2 Apr 2018 17:04:27 -0700
Subject: Address Add Token design feedback

---
 ui/app/css/itcss/components/add-token.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'ui/app/css')

diff --git a/ui/app/css/itcss/components/add-token.scss b/ui/app/css/itcss/components/add-token.scss
index f5c1de67c..53600d00e 100644
--- a/ui/app/css/itcss/components/add-token.scss
+++ b/ui/app/css/itcss/components/add-token.scss
@@ -31,7 +31,7 @@
 
       span {
         font-family: Roboto;
-        font-size: 16px; 
+        font-size: 16px;
         line-height: 21px;
         margin-left: 8px;
       }
@@ -44,6 +44,11 @@
       margin-top: 4px;
     }
 
+    &__subtitle {
+      margin-top: 15px;
+      margin-bottom: 21px;
+    }
+
     &__tabs {
       margin-left: 22px;
       display: flex;
@@ -65,6 +70,7 @@
       &__unselected:hover {
         color: $black;
         border-bottom: none;
+        cursor: pointer;
       }
 
       &__selected {
@@ -124,7 +130,7 @@
   }
 
   &__confirmation-description {
-    margin: 12px 0;
+    margin: 20px 0 40px 0;
   }
 
   &__content-container {
-- 
cgit v1.2.3


From 4ddf5d2516acc2f2ffac3a36a7114b42d95ce4be Mon Sep 17 00:00:00 2001
From: David Yoo <dyoo@uber.com>
Date: Tue, 3 Apr 2018 09:38:27 -0700
Subject: Address feedback

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

(limited to 'ui/app/css')

diff --git a/ui/app/css/itcss/components/add-token.scss b/ui/app/css/itcss/components/add-token.scss
index 53600d00e..2fdda6f43 100644
--- a/ui/app/css/itcss/components/add-token.scss
+++ b/ui/app/css/itcss/components/add-token.scss
@@ -8,6 +8,7 @@
   font-family: 'Roboto';
   background: white;
   border-radius: 8px;
+  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08);
 
   &__wrapper {
     background-color: $white;
@@ -20,7 +21,7 @@
   &__header {
     display: flex;
     flex-flow: column nowrap;
-    padding: 16px 16px 0px;
+    padding: 20px 20px 0px;
     border-bottom: 1px solid $geyser;
     flex: 0 0 auto;
 
@@ -32,6 +33,7 @@
       span {
         font-family: Roboto;
         font-size: 16px;
+        font-weight: 400;
         line-height: 21px;
         margin-left: 8px;
       }
@@ -45,12 +47,12 @@
     }
 
     &__subtitle {
+      font-weight: 400;
       margin-top: 15px;
       margin-bottom: 21px;
     }
 
     &__tabs {
-      margin-left: 22px;
       display: flex;
 
       &__tab {
@@ -59,6 +61,7 @@
         color: $dusty-gray;
         font-family: Roboto;
         font-size: 18px;
+        font-weight: 400;
         line-height: 24px;
         text-align: center;
       }
@@ -82,7 +85,7 @@
 
   &__info-box {
     height: 96px;
-    margin: 20px 24px 0px;
+    margin: 20px 20px 0px;
     border-radius: 4px;
     background-color: $alabaster;
     position: relative;
@@ -104,6 +107,7 @@
       color: $mid-gray;
       font-family: Roboto;
       font-size: 14px;
+      font-weight: 400;
       margin-top: 15px;
       margin-bottom: 9px;
     }
@@ -113,6 +117,7 @@
       color: $mid-gray;
       font-family: Roboto;
       font-size: 12px;
+      font-weight: 400;
       line-height: 18px;
     }
 
@@ -130,6 +135,7 @@
   }
 
   &__confirmation-description {
+    font-weight: 400;
     margin: 20px 0 40px 0;
   }
 
@@ -157,7 +163,7 @@
   &__input,
   &__add-custom-input {
     height: 54px;
-    padding: 21px 6px;
+    padding: 0px 20px;
     border: 1px solid $geyser;
     border-radius: 4px;
     margin: 22px 24px;
@@ -238,6 +244,7 @@
 
   &__add-custom-label {
     font-size: 16px;
+    font-weight: 400;
     line-height: 21px;
     margin-left: 22px;
     color: $scorpion;
@@ -280,9 +287,11 @@
     color: #5B5D67;
     font-family: Roboto;
     font-size: 18px;
+    font-weight: 400;
     line-height: 24px;
     margin-left: 24px;
     margin-top: 8px;
+    margin-bottom: 20px;
   }
 
   &__token-icons-container {
@@ -323,6 +332,7 @@
   }
 
   &__token-name {
+    font-weight: 400;
     font-size: 14px;
     line-height: 19px;
   }
@@ -374,6 +384,7 @@
       &__symbol {
         color: $scorpion;
         font-size: 16px;
+        font-weight: 400;
         line-height: 24px;
       }
     }
-- 
cgit v1.2.3