Update styling

README.md

@@ -26,20 +26,27 @@ npm start
 
 ## Todo
 
+Required for Production:
 - ENSL.org: Authentication
+- Backend datastore for messages
+- Admin tools: Modify Messages
+- Admin tools: Remove gatherer
+- ENSL.org: Pull bans
+- 
+
+Nice to have:
+
 - ENSL.org: Pull bans
 - ENSL.org: Pull teams
 - ENSL.org: Pull servers
-- ENSL.org: Pull bans
 - Hive.naturalselection2.com: Pull stats
 - Steam: Outbound steam messaging
-- Backend datastore for messages and gathers
+- Backend store for gathers
 - Add sounds and configuration
 - Add user profile + backend store
 - Show online/away/offline status
-- Admin tools: Modify Messages
-- Admin tools: Remove gatherer
 
 ## License
 
 MIT Licensed
+picking order

lib/react/gather.jsx

@@ -484,7 +484,7 @@ var Gather = React.createClass({
 		return (
 			<div className="panel panel-default">
 				<div className="panel-heading">
-					<strong>NS2 Gather </strong>
+					<strong>Current Gather</strong>
 					<span className="badge add-left">{this.props.gather.gatherers.length}</span>
 				</div>
 				<GatherProgress {...this.props} />

lib/react/user.jsx

@@ -88,10 +88,10 @@ var AdminPanel = React.createClass({
 					<div className="admin-panel">
 						<h5>Admin</h5>
 						<button
-							className="btn btn-danger"
+							className="btn btn-danger max-width"
 							onClick={this.handleGatherReset}>
 							Reset Gather</button>
-						<p className="text-center"><small>Only responds for admins on staging.ensl.org</small></p>
+						<p className="text-center add-top"><small>Only responds for admins on staging.ensl.org</small></p>
 					</div>
 				</li>
 			</ul>

public/css/app.css

@@ -58,3 +58,11 @@
 .voting-table {
 	font-size: 90%;
 }
+
+.max-width {
+	width: 100%;
+}
+
+.add-top {
+	margin-top: 10px;
+}

public/js/app.js

@@ -484,7 +484,7 @@ var Gather = React.createClass({displayName: "Gather",
 		return (
 			React.createElement("div", {className: "panel panel-default"}, 
 				React.createElement("div", {className: "panel-heading"}, 
-					React.createElement("strong", null, "NS2 Gather "), 
+					React.createElement("strong", null, "Current Gather"), 
 					React.createElement("span", {className: "badge add-left"}, this.props.gather.gatherers.length)
 				), 
 				React.createElement(GatherProgress, React.__spread({},  this.props)), 
@@ -886,10 +886,10 @@ var AdminPanel = React.createClass({displayName: "AdminPanel",
 					React.createElement("div", {className: "admin-panel"}, 
 						React.createElement("h5", null, "Admin"), 
 						React.createElement("button", {
-							className: "btn btn-danger", 
+							className: "btn btn-danger max-width", 
 							onClick: this.handleGatherReset}, 
 							"Reset Gather"), 
-						React.createElement("p", {className: "text-center"}, React.createElement("small", null, "Only responds for admins on staging.ensl.org"))
+						React.createElement("p", {className: "text-center add-top"}, React.createElement("small", null, "Only responds for admins on staging.ensl.org"))
 					)
 				)
 			)