Fix DOM structure in RoomRecoveryReminder

Buttons (which end up as <div>s) aren't allowed inside <p>s.
This commit is contained in:
J. Ryan Stinnett 2020-01-03 13:51:42 +00:00
parent d5a82a5fc2
commit 4211ec5063
2 changed files with 5 additions and 4 deletions

View File

@ -40,4 +40,5 @@ limitations under the License.
.mx_RoomRecoveryReminder_secondary { .mx_RoomRecoveryReminder_secondary {
font-size: 90%; font-size: 90%;
margin-top: 1em;
} }

View File

@ -154,14 +154,14 @@ export default class RoomRecoveryReminder extends React.PureComponent {
onClick={this.onSetupClick}> onClick={this.onSetupClick}>
{setupCaption} {setupCaption}
</AccessibleButton> </AccessibleButton>
<p><AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton" <AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton"
onClick={this.onOnNotNowClick}> onClick={this.onOnNotNowClick}>
{ _t("Not now") } { _t("Not now") }
</AccessibleButton></p> </AccessibleButton>
<p><AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton" <AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton"
onClick={this.onDontAskAgainClick}> onClick={this.onDontAskAgainClick}>
{ _t("Don't ask me again") } { _t("Don't ask me again") }
</AccessibleButton></p> </AccessibleButton>
</div> </div>
</div> </div>
); );