remove inline css

This commit is contained in:
David Baker 2017-06-27 11:52:23 +01:00
parent 971f7ad045
commit 2aeaaf26ca

View File

@ -80,7 +80,7 @@ module.exports = React.createClass({
description = sanitizedHtmlNode(summary.profile.long_description); description = sanitizedHtmlNode(summary.profile.long_description);
} }
return ( return (
<div style={{maxWidth: "960px", width: "100%", "margin": "20px auto"}}> <div className="mx_GroupView">
<div className="mx_RoomHeader"> <div className="mx_RoomHeader">
<div className="mx_RoomHeader_wrapper"> <div className="mx_RoomHeader_wrapper">
<div className="mx_RoomHeader_avatar"> <div className="mx_RoomHeader_avatar">
@ -90,11 +90,7 @@ module.exports = React.createClass({
<div className="mx_RoomHeader_info"> <div className="mx_RoomHeader_info">
<div className="mx_RoomHeader_name"> <div className="mx_RoomHeader_name">
<span>{summary.profile.name}</span> <span>{summary.profile.name}</span>
<span style={{ <span className="mx_GroupView_header_groupid">
fontWeight: "normal",
fontSize: "initial",
paddingLeft: "10px",
}}>
({this.props.groupId}) ({this.props.groupId})
</span> </span>
</div> </div>
@ -110,7 +106,7 @@ module.exports = React.createClass({
} else if (this.state.error) { } else if (this.state.error) {
if (this.state.error.httpStatus === 404) { if (this.state.error.httpStatus === 404) {
return ( return (
<div style={{margin: "auto"}}> <div className="mx_GroupView_error">
Group {this.props.groupId} not found Group {this.props.groupId} not found
</div> </div>
); );
@ -120,7 +116,7 @@ module.exports = React.createClass({
extraText = <div>{_t('This Home server does not support groups')}</div>; extraText = <div>{_t('This Home server does not support groups')}</div>;
} }
return ( return (
<div style={{margin: "auto"}}> <div className="mx_GroupView_error">
Failed to load {this.props.groupId} Failed to load {this.props.groupId}
{extraText} {extraText}
</div> </div>