From cb67a69a8ee4b76f8e1c37407e1b5e945ab9e909 Mon Sep 17 00:00:00 2001
From: Kayne Ruse <kayneruse@gmail.com>
Date: Tue, 11 Jun 2019 20:49:50 +1000
Subject: [PATCH] Tweaked buttons

---
 public/styles/shared.css         |  1 -
 src/components/pages/profile.jsx | 12 ++++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/public/styles/shared.css b/public/styles/shared.css
index 15ac012..ef6e8a1 100644
--- a/public/styles/shared.css
+++ b/public/styles/shared.css
@@ -281,7 +281,6 @@ footer {
 
 .table.noCollapse .row, .table .row.noCollapse {
 	flex-direction: row;
-	border-style: none;
 }
 
 /* mobile control */
diff --git a/src/components/pages/profile.jsx b/src/components/pages/profile.jsx
index 2d1d624..cb2df76 100644
--- a/src/components/pages/profile.jsx
+++ b/src/components/pages/profile.jsx
@@ -162,24 +162,24 @@ class Profile extends React.Component {
 						<p className='col truncate'>Soldiers:</p>
 						<p className='col mobile half truncate'>{this.props.profile.soldiers}</p>
 
-						<button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'soldier'}) }>Train Soldier (100 gold)</button>
-						<button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'soldier'}) }>Untrain Soldier</button>
+						<button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'soldier'}) }>+Soldier (100g)</button>
+						<button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain a soldier? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'soldier'}) }>Untrain</button>
 					</div>
 
 					<div className='row'>
 						<p className='col truncate'>Scientists:</p>
 						<p className='col mobile half truncate'>{this.props.profile.scientists}</p>
 
-						<button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'scientist'}) }>Train Scientist (120 gold)</button>
-						<button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'scientist'}) }>Untrain Scientist</button>
+						<button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'scientist'}) }>+Scientist (120g)</button>
+						<button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain a scientist? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'scientist'}) }>Untrain</button>
 					</div>
 
 					<div className='row'>
 						<p className='col truncate'>Spies:</p>
 						<p className='col mobile half truncate'>{this.props.profile.spies}</p>
 
-						<button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'spy'}) }>Train Spy (300 gold)</button>
-						<button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'spy'}) }>Untrain Spy</button>
+						<button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'spy'}) }>+Spy (300g)</button>
+						<button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain a spy? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'spy'}) }>Untrain</button>
 					</div>
 				</div>