1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-13 08:02:38 +03:00

Make phone number form a bit more semantic

This commit is contained in:
David Baker
2017-03-22 15:39:09 +00:00
parent 4cd24d15d4
commit cca607d469

View File

@@ -134,11 +134,11 @@ class AddPhoneNumber extends React.Component {
// XXX: This CSS relies on the CSS surrounding it in UserSettings as its in // XXX: This CSS relies on the CSS surrounding it in UserSettings as its in
// a tabular format to align the submit buttons // a tabular format to align the submit buttons
return ( return (
<div className="mx_UserSettings_profileTableRow"> <form className="mx_UserSettings_profileTableRow" onSubmit={this._onAddMsisdnSubmit}>
<div className="mx_UserSettings_profileLabelCell"> <div className="mx_UserSettings_profileLabelCell">
</div> </div>
<div className="mx_UserSettings_profileInputCell"> <div className="mx_UserSettings_profileInputCell">
<form className="mx_Login_phoneSection" onSubmit={this._onAddMsisdnSubmit}> <div className="mx_Login_phoneSection">
<CountryDropdown onOptionChange={this._onPhoneCountryChange} <CountryDropdown onOptionChange={this._onPhoneCountryChange}
className="mx_Login_phoneCountry" className="mx_Login_phoneCountry"
value={this.state.phoneCountry} value={this.state.phoneCountry}
@@ -150,12 +150,12 @@ class AddPhoneNumber extends React.Component {
value={this.state.phoneNumber} value={this.state.phoneNumber}
onChange={this._onPhoneNumberChange} onChange={this._onPhoneNumberChange}
/> />
</form> </div>
</div> </div>
<div className="mx_UserSettings_threepidButton mx_filterFlipColor"> <div className="mx_UserSettings_threepidButton mx_filterFlipColor">
<img src="img/plus.svg" width="14" height="14" alt="Add" onClick={this._addMsisdn} /> <input type="image" value="Add" src="img/plus.svg" width="14" height="14" />
</div>
</div> </div>
</form>
); );
} }
} }