From 1e3c646587f14f8f40347e629ab898a222034521 Mon Sep 17 00:00:00 2001
From: Alex Beregszaszi <alex@rtfs.hu>
Date: Wed, 7 Dec 2016 10:46:27 +0000
Subject: [PATCH] Update the legend for buttons

---
 assets/css/universal-dapp.css | 10 +++++++---
 src/universal-dapp.js         |  1 +
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/assets/css/universal-dapp.css b/assets/css/universal-dapp.css
index 7a81844a79..b0b4b93f46 100644
--- a/assets/css/universal-dapp.css
+++ b/assets/css/universal-dapp.css
@@ -313,13 +313,17 @@
 }
 
 .udapp .legend .attach:before {
-	background-color: #62B762;
+	background-color: #B1EAC5;
 }
 
 .udapp .legend .transact:before {
-	background-color: #D42828;
+	background-color: #FFB9B9;
+}
+
+.udapp .legend .payable:before {
+	background-color: #FF8B8B;
 }
 
 .udapp .legend .call:before {
-	background-color: #556DF3;
+	background-color: #9DC1F5;
 }
diff --git a/src/universal-dapp.js b/src/universal-dapp.js
index 97ac814481..2347752e99 100644
--- a/src/universal-dapp.js
+++ b/src/universal-dapp.js
@@ -152,6 +152,7 @@ UniversalDApp.prototype.render = function () {
   var $legend = $('<div class="legend" />')
     .append($('<div class="attach"/>').text('Attach'))
     .append($('<div class="transact"/>').text('Transact'))
+    .append($('<div class="payable"/>').text('Transact (Payable)'))
     .append($('<div class="call"/>').text('Call'))
 
   self.$el.append($legend)