Remove hardwired "Server" header, make global one prettier

This commit is contained in:
Kyle Shockey
2017-11-30 14:34:01 -08:00
parent 21ff236e43
commit 0997c5e5d4
3 changed files with 7 additions and 5 deletions

View File

@@ -95,6 +95,7 @@ export default class BaseLayout extends React.Component {
{ servers && servers.size ? ( { servers && servers.size ? (
<div className="server-container"> <div className="server-container">
<span className="servers-title">Server</span>
<Col className="servers wrapper" mobile={12}> <Col className="servers wrapper" mobile={12}>
<Servers <Servers
servers={servers} servers={servers}

View File

@@ -95,7 +95,6 @@ export default class Servers extends React.Component {
return ( return (
<div> <div>
<label htmlFor="servers"> <label htmlFor="servers">
<span className="servers-title">Servers</span>
<select onChange={ this.onServerChange }> <select onChange={ this.onServerChange }>
{ servers.valueSeq().map( { servers.valueSeq().map(
( server ) => ( server ) =>

View File

@@ -671,15 +671,17 @@
} }
} }
.servers-title {
margin: 20px;
line-height: 2em;
font-weight: bold;
}
.servers .servers
{ {
display: flex; display: flex;
align-items: center; align-items: center;
.servers-title {
margin-right: 1em;
}
> label > label
{ {
font-size: 12px; font-size: 12px;