Layout to support less hardcoded CSS

This commit is contained in:
David Baker 2016-09-23 15:58:11 +01:00
parent b1e4c911eb
commit eb5b175213

View file

@ -83,6 +83,7 @@ export default class DirectorySearchBox extends React.Component {
} }
return <span className={classnames(searchbox_classes)}> return <span className={classnames(searchbox_classes)}>
<div className="mx_DirectorySearchBox_container">
<input type="text" size="64" <input type="text" size="64"
className="mx_DirectorySearchBox_input" className="mx_DirectorySearchBox_input"
ref={this.collectInput} ref={this.collectInput}
@ -90,7 +91,10 @@ export default class DirectorySearchBox extends React.Component {
placeholder="Find a room by keyword or room ID (#matrix:matrix.org)" placeholder="Find a room by keyword or room ID (#matrix:matrix.org)"
/> />
{join_button} {join_button}
<span className="mx_DirectorySearchBox_clear_wrapper">
<span className="mx_DirectorySearchBox_clear" onClick={this.onClearClick} /> <span className="mx_DirectorySearchBox_clear" onClick={this.onClearClick} />
</span>
</div>
</span>; </span>;
} }
} }