Use distinct color for payable buttons

assets/css/universal-dapp.css

@@ -223,8 +223,8 @@
 }
 
 .udapp .contractProperty .call {
-	background-color: #FF8B8B;
+	background-color: #FFB9B9;
-	border-color: #FF8B8B;
+	border-color: #FFB9B9;
 }
 
 .udapp .contractProperty .debug {
@@ -238,6 +238,12 @@
 	width: 25%;
 }
 
+.udapp .contractProperty.payable .call {
+	background-color: #FF8B8B;
+	border-color: #FF8B8B;
+	width: 25%;
+}
+
 .udapp .contractProperty input {
 	display: none;
 }

src/universal-dapp.js

@@ -654,6 +654,10 @@ UniversalDApp.prototype.getCallButton = function (args) {
     $contractProperty.addClass('hasArgs')
   }
 
+  if (args.abi.payable === true) {
+    $contractProperty.addClass('payable')
+  }
+
   return $contractProperty.append(outputSpan)
 }