Minor style changes

This commit is contained in:
Chris Blanchard 2015-09-21 21:15:27 +01:00
parent 640f9c0e59
commit 5f7a5ccd06
4 changed files with 4286 additions and 8 deletions

View file

@ -348,7 +348,7 @@ var GatherActions = React.createClass({
} }
return ( return (
<div className="panel panel-default gather-actions"> <div className="panel panel-primary gather-actions">
<div className="panel-body"> <div className="panel-body">
<div className="text-right"> <div className="text-right">
<ul className="list-inline no-bottom"> <ul className="list-inline no-bottom">
@ -452,7 +452,7 @@ var ServerVoting = React.createClass({
let voted = self.props.currentGatherer.serverVote !== null; let voted = self.props.currentGatherer.serverVote !== null;
return ( return (
<div className="panel panel-default"> <div className="panel panel-primary">
<div className="panel-heading"> <div className="panel-heading">
{voted ? "Server Votes" : "Please Vote for a Server" } {voted ? "Server Votes" : "Please Vote for a Server" }
</div> </div>
@ -513,7 +513,7 @@ var MapVoting = React.createClass({
let voted = (self.props.currentGatherer.mapVote !== null); let voted = (self.props.currentGatherer.mapVote !== null);
return ( return (
<div className="panel panel-default"> <div className="panel panel-primary">
<div className="panel-heading"> <div className="panel-heading">
{ voted ? "Map Votes" : "Please Vote for a Map" } { voted ? "Map Votes" : "Please Vote for a Map" }
</div> </div>
@ -591,7 +591,7 @@ var Gather = React.createClass({
} }
return ( return (
<div> <div>
<div className="panel panel-default add-bottom"> <div className="panel panel-primary add-bottom">
<div className="panel-heading">Current Gather</div> <div className="panel-heading">Current Gather</div>
<div className="panel-body"> <div className="panel-body">
<GatherProgress {...this.props} /> <GatherProgress {...this.props} />
@ -775,7 +775,7 @@ var Gatherers = React.createClass({
); );
} else { } else {
return ( return (
<div className="panel panel-default add-bottom"> <div className="panel panel-primary add-bottom">
<div className="panel-body text-center join-hero"> <div className="panel-body text-center join-hero">
<button <button
onClick={this.joinGather} onClick={this.joinGather}

View file

@ -69,7 +69,7 @@ var Chatroom = React.createClass({
currentUser={this.props.currentUser} /> currentUser={this.props.currentUser} />
); );
return ( return (
<div className="panel panel-default chatbox"> <div className="panel panel-primary chatbox">
<div className="panel-heading">Gather Chat</div> <div className="panel-heading">Gather Chat</div>
<div className="panel-body"> <div className="panel-body">
<ul className="chat" id="chatmessages" ref="messageContainer"> <ul className="chat" id="chatmessages" ref="messageContainer">

View file

@ -64,7 +64,7 @@ var UserMenu = React.createClass({
}); });
return ( return (
<div> <div>
<div className="panel panel-default add-bottom"> <div className="panel panel-primary add-bottom">
<div className="panel-heading"> <div className="panel-heading">
<i className="fa fa-users fa-fw"></i> Online <i className="fa fa-users fa-fw"></i> Online
<span className="badge pull-right">{this.props.users.length}</span> <span className="badge pull-right">{this.props.users.length}</span>

File diff suppressed because one or more lines are too long