fixed spacing on new-blog page

This commit is contained in:
Isaac Visintainer 2019-07-10 10:46:38 -07:00
parent f96f4b3813
commit bc07521f76

View File

@ -180,7 +180,7 @@ export class NewBlog extends Component {
onChange={this.titleChange} onChange={this.titleChange}
/> />
<hr className="gray-30"/> <hr className="gray-30" style={{marginTop:32, marginBottom: 32}}/>
<FormLink <FormLink
enabled={(this.state.title !== '')} enabled={(this.state.title !== '')}
@ -188,7 +188,7 @@ export class NewBlog extends Component {
body={"-> Create a first post"} body={"-> Create a first post"}
/> />
<hr className="gray-30"/> <hr className="gray-30" style={{marginTop:32, marginBottom: 32}}/>
<FormLink <FormLink
enabled={(this.state.title !== '')} enabled={(this.state.title !== '')}
@ -196,7 +196,7 @@ export class NewBlog extends Component {
body={"-> Send Invites"} body={"-> Send Invites"}
/> />
<hr className="gray-30"/> <hr className="gray-30" style={{marginTop:32, marginBottom: 32}}/>
<Link to="/~publish/recent" className="body-large b"> <Link to="/~publish/recent" className="body-large b">
Cancel Cancel
@ -219,47 +219,47 @@ export class NewBlog extends Component {
style={{height: 'calc(100% - 124px)', top: 124}}> style={{height: 'calc(100% - 124px)', top: 124}}>
<div className="h-inner dt center mw-688 w-100"> <div className="h-inner dt center mw-688 w-100">
<div className="flex-col dtc v-mid"> <div className="flex-col dtc v-mid">
<input autoFocus <input autoFocus
className="header-2 b--none" className="header-2 b--none"
type="text" type="text"
name="blogName" name="blogName"
placeholder="Add a Title" placeholder="Add a Title"
onChange={this.titleChange} onChange={this.titleChange}
/> />
<p className="body-regular-400"> <p className="body-regular-400" style={{marginTop:25, marginBottom:27}}>
Who is invited to read this blog? Who is invited to read this blog?
</p> </p>
<input className={invitesStyle} <input className={invitesStyle}
style={{caretColor: "black"}} style={{caretColor: "black"}}
type="text" type="text"
name="invites" name="invites"
placeholder="~ship-name, ~ship-name" placeholder="~ship-name, ~ship-name"
onChange={this.invitesChange} onChange={this.invitesChange}
/> />
<hr className="gray-30"/> <hr className="gray-30" style={{marginTop:32, marginBottom: 32}}/>
<FormLink <FormLink
enabled={enableButtons} enabled={enableButtons}
action={this.firstPost} action={this.firstPost}
body={"-> Save and create a first post"} body={"-> Save and create a first post"}
/> />
<hr className="gray-30"/> <hr className="gray-30" style={{marginTop:32, marginBottom: 32}}/>
<FormLink <FormLink
enabled={enableButtons} enabled={enableButtons}
action={this.returnHome} action={this.returnHome}
body={"-> Save and return home"} body={"-> Save and return home"}
/> />
<hr className="gray-30"/> <hr className="gray-30" style={{marginTop:32, marginBottom: 32}}/>
<Link to="/~publish/recent" className="body-large b"> <Link to="/~publish/recent" className="body-large b">
Cancel Cancel
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>