Use div around buttons to fix React warning

pull/21833/head
J. Ryan Stinnett 2019-11-19 16:28:49 +00:00
parent cf26f14644
commit 9dea848927
2 changed files with 6 additions and 2 deletions

View File

@ -30,3 +30,7 @@ limitations under the License.
.mx_KeyBackupPanel_deviceName { .mx_KeyBackupPanel_deviceName {
font-style: italic; font-style: italic;
} }
.mx_KeyBackupPanel_buttonRow {
margin: 1em 0;
}

View File

@ -288,14 +288,14 @@ export default class KeyBackupPanel extends React.PureComponent {
<div>{backupSigStatuses}</div> <div>{backupSigStatuses}</div>
<div>{trustedLocally}</div> <div>{trustedLocally}</div>
</details> </details>
<p> <div className="mx_KeyBackupPanel_buttonRow">
<AccessibleButton kind="primary" onClick={this._restoreBackup}> <AccessibleButton kind="primary" onClick={this._restoreBackup}>
{restoreButtonCaption} {restoreButtonCaption}
</AccessibleButton>&nbsp;&nbsp;&nbsp; </AccessibleButton>&nbsp;&nbsp;&nbsp;
<AccessibleButton kind="danger" onClick={this._deleteBackup}> <AccessibleButton kind="danger" onClick={this._deleteBackup}>
{ _t("Delete Backup") } { _t("Delete Backup") }
</AccessibleButton> </AccessibleButton>
</p> </div>
</div>; </div>;
} else { } else {
return <div> return <div>