From e4263360e4723f87c0af9215909e63fed1b6dba5 Mon Sep 17 00:00:00 2001
From: Kayne Ruse <kayneruse@gmail.com>
Date: Mon, 3 Jun 2019 19:58:22 +1000
Subject: [PATCH] Added combat boost column

---
 src/components/panels/equipment.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/panels/equipment.jsx b/src/components/panels/equipment.jsx
index e8fcd13..970c275 100644
--- a/src/components/panels/equipment.jsx
+++ b/src/components/panels/equipment.jsx
@@ -35,21 +35,25 @@ class Equipment extends React.Component {
 					<div className='row'>
 						<p className='col centered truncate'>Name</p>
 						<p className='col centered truncate'>Type</p>
+						<p className='col centered truncate'>Boost</p>
 						<p className='col centered truncate'>Owned</p>
 						<p className='col centered truncate mobile hide alwaysCentered'>Buy</p>
 						<p className='col centered truncate mobile hide alwaysCentered'>Sell</p>
 					</div>
 
 					<hr className='mobile show' />
+					<div className='break mobile show' />
 
 					{Object.keys(display).map((key) => <div key={key}>
 						<hr className='mobile hide'/>
-						<div className='break' />
+						<div className='break mobile hide' />
 						<div className='row'>
 							<p className='col centered truncate equipmentTextPadding'>{display[key].name}</p>
 							<p className='col centered truncate equipmentTextPadding'>{display[key].type}</p>
+							<p className='col centered truncate equipmentTextPadding'>{display[key].combatBoost * 100}%</p>
 							<p className='col centered truncate equipmentTextPadding'>{display[key].owned}</p>
-							<div className='col row noCollapse' style={{flex: '1 1 20%'}}>
+							<div className='break mobile show' />
+							<div className='col row noCollapse' style={{flex: '1 1 17.5%'}}>
 								{display[key].purchasable ? <button className='col centered truncate' onClick={() => this.sendRequest('/equipmentpurchaserequest', { name: display[key].name, type: display[key].type }) } disabled={display[key].cost > this.props.gold}>Buy ({display[key].cost} gold)</button> : <div className='col centered truncate' />}
 								{display[key].saleable ? <button className='col centered truncate' onClick={() => this.sendRequest('/equipmentsellrequest', { name: display[key].name, type: display[key].type }) } disabled={display[key].owned === 0}>Sell ({Math.floor(display[key].cost/2)} gold)</button> : <div className='col centered truncate' />}
 							</div>