From b56a9a4aadc312c7b957625159bf94a6abe5d8f7 Mon Sep 17 00:00:00 2001
From: Chris Blanchard <cablanchard@gmail.com>
Date: Sun, 20 Sep 2015 15:47:43 +0100
Subject: [PATCH] Standardise team label width

---
 lib/react/gather.jsx | 12 +++++++-----
 public/css/app.css   | 14 ++++++++++----
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/lib/react/gather.jsx b/lib/react/gather.jsx
index 080dc14..c1ab737 100644
--- a/lib/react/gather.jsx
+++ b/lib/react/gather.jsx
@@ -12,18 +12,18 @@ var SelectPlayerButton = React.createClass({
 		let button;
 		if (this.props.gatherer.leader) {
 			button = <button 
-				className="btn btn-xs btn-default"
+				className="btn btn-xs btn-default team-label"
 				data-disabled="true">Leader</button>;
 		} else if (this.props.gatherer.team !== "lobby") {
 			button = <button
 				data-disabled="true"
-				className="btn btn-xs btn-default"> {this.props.gatherer.team}
+				className="btn btn-xs btn-default team-label"> {_.capitalize(this.props.gatherer.team)}
 				</button>;
 		} else {
 			button = <button
 				onClick={this.selectPlayer}
 				value={this.props.gatherer.id}
-				className="btn btn-xs btn-primary"> Select
+				className="btn btn-xs btn-primary team-label"> Select
 				</button>;
 		}
 		return button;
@@ -717,9 +717,11 @@ var Gatherers = React.createClass({
 					);
 				} else {
 					if (gatherer.leader) {
-						action = (<span className="label label-default">Leader</span>);
+						action = (<span className="label label-primary team-label">Leader</span>);
 					} else if (gatherer.team !== "lobby") {
-						action = (<span className="label label-primary">{_.capitalize(gatherer.team)}</span>);
+						action = (<span className="label label-primary team-label">{_.capitalize(gatherer.team)}</span>);
+					} else {
+						action = (<span className="label label-default team-label">Lobby</span>);
 					}
 				}
 			}
diff --git a/public/css/app.css b/public/css/app.css
index 3d7b96b..a1f3010 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -49,6 +49,16 @@ html, body {
 
 /*Gather Styles*/
 
+.vote-button {
+	min-width: 60px;
+}
+
+.team-label {
+	min-width: 70px;
+	display: inline-block;
+	padding: 5px;
+}
+
 .lifeform-icon {
 	width: 20px;
 	margin: 0 3px;
@@ -127,7 +137,3 @@ html, body {
 .panel-light-background {
 	background-color: #d9edf7;
 }
-
-.vote-button {
-	min-width: 60px;
-}
\ No newline at end of file