Improve form layout

This commit is contained in:
John Furrow
2016-06-02 22:29:13 -07:00
parent 2bb9112d13
commit 1c02bc492e
12 changed files with 92 additions and 60 deletions

View File

@@ -73,7 +73,9 @@ export default class AddTorrentsByURL extends React.Component {
if (this.state.addTorrentsError) {
error = (
<div className="form__row">
{this.state.addTorrentsError}
<div className="form__column">
{this.state.addTorrentsError}
</div>
</div>
);
}
@@ -82,14 +84,16 @@ export default class AddTorrentsByURL extends React.Component {
<div className="form">
{error}
<div className="form__row">
<label className="form__label">
Torrents
</label>
<TextboxRepeater placeholder="Torrent URL"
handleTextboxAdd={this.handleUrlAdd}
handleTextboxChange={this.handleUrlChange}
handleTextboxRemove={this.handleUrlRemove}
textboxes={this.state.urlTextboxes} />
<div className="form__column">
<label className="form__label">
Torrents
</label>
<TextboxRepeater placeholder="Torrent URL"
handleTextboxAdd={this.handleUrlAdd}
handleTextboxChange={this.handleUrlChange}
handleTextboxRemove={this.handleUrlRemove}
textboxes={this.state.urlTextboxes} />
</div>
</div>
<AddTorrentsDestination onChange={this.handleDestinationChange} />
<AddTorrentsActions dismiss={this.props.dismissModal}