From 0f2db3e00a3a9c4f4536e96f36d9f63281b7d9f9 Mon Sep 17 00:00:00 2001
From: Jonas Whidden <jonas.whidden@lbry.io>
Date: Fri, 22 Jul 2016 10:52:50 -0500
Subject: [PATCH] Make it prettier

---
 js/page/wallet.js | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/js/page/wallet.js b/js/page/wallet.js
index a09da11fd..cd7a8de65 100644
--- a/js/page/wallet.js
+++ b/js/page/wallet.js
@@ -14,8 +14,9 @@ var NewAddressSection = React.createClass({
   render: function() {
     return (
       <div>
-        <h1>Create New Address:</h1>
-        <button type="button" onClick={this.generateAddress}>Generate New Address</button> <input type="text" size="60" value={this.state.address}></input>
+        <h1>Generate New Address:</h1>
+        <input type="text" size="60" value={this.state.address}></input><br /><br />
+        <Link button="primary" label="Generate" onClick={this.generateAddress} />
       </div>
     );
   }
@@ -74,13 +75,13 @@ var SendToAddressSection = React.createClass({
   render: function() {
     return (
       <div>
-        <h1>Send To Address:</h1>
-        <label for="balance">Balance: {this.state.balance}</label><br />
-        <label for="amount">Amount:</label> <input id="amount" type="text" size="10" onChange={this.setAmount}></input><br />
-        <label for="address">Address:</label> <input id="address" type="text" size="60" onChange={this.setAddress}></input><br />
-        <button type="button" onClick={this.sendToAddress}>Send Amount to Address</button><br /><br />
+        <h1>Send Amount To Address:</h1>
+        <label for="balance">Balance: {this.state.balance}</label><br /><br />
+        <label for="amount">Amount:</label> <input id="amount" type="text" size="10" onChange={this.setAmount}></input><br /><br />
+        <label for="address">Address:</label> <input id="address" type="text" size="60" onChange={this.setAddress}></input><br /><br />
+        <Link button="primary" label="Send" onClick={this.sendToAddress} disabled={!(parseFloat(this.state.amount) > 0.0) || this.state.address == ""} /><br /><br />
         <h4>Results:</h4>
-        <span>{this.state.results}</span>
+        <span>{this.state.results}</span><br />
       </div>
     );
   }