diff --git a/web/splash/splash.css b/web/splash/splash.css --- a/web/splash/splash.css +++ b/web/splash/splash.css @@ -1,28 +1,5 @@ -div.headerContainer { - flex: 1 1 auto; - padding: 0 10px; -} -div.headerContents { +div.loginContainer { display: flex; - justify-content: space-between; - align-items: center; - padding-top: 5px; - padding-bottom: 7px; -} -div.actionLinks > * { - padding-right: 15px; - color: white; - font-weight: 300; -} -div.actionLinks > *:last-child { - padding-right: 0; -} -header.header h1 { + justify-content: center; color: white; - font-size: 38px; -} -header.header { - padding: 10px 20px; - border-radius: 20px; - border: 1px solid white; } diff --git a/web/splash/splash.react.js b/web/splash/splash.react.js --- a/web/splash/splash.react.js +++ b/web/splash/splash.react.js @@ -14,19 +14,8 @@ render() { return ( <React.Fragment> - <div className={css.headerContainer}> - <div className={css.top}> - <header className={css.header}> - <div className={css.headerContents}> - <h1>Comm</h1> - <div className={css.actionLinks}> - <a href="#" onClick={this.onClickLogIn}> - <span>Log in</span> - </a> - </div> - </div> - </header> - </div> + <div onClick={this.onClickLogIn} className={css.loginContainer}> + <h1>Log in</h1> </div> {this.props.modal} </React.Fragment>