diff --git a/res/css/views/rooms/_RoomRecoveryReminder.scss b/res/css/views/rooms/_RoomRecoveryReminder.scss index 68e2bf861e..85d42ca4b4 100644 --- a/res/css/views/rooms/_RoomRecoveryReminder.scss +++ b/res/css/views/rooms/_RoomRecoveryReminder.scss @@ -40,4 +40,5 @@ limitations under the License. .mx_RoomRecoveryReminder_secondary { font-size: 90%; + margin-top: 1em; } diff --git a/src/components/views/rooms/RoomRecoveryReminder.js b/src/components/views/rooms/RoomRecoveryReminder.js index 495364bf4c..8554c804c0 100644 --- a/src/components/views/rooms/RoomRecoveryReminder.js +++ b/src/components/views/rooms/RoomRecoveryReminder.js @@ -154,14 +154,14 @@ export default class RoomRecoveryReminder extends React.PureComponent { onClick={this.onSetupClick}> {setupCaption} </AccessibleButton> - <p><AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton" + <AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton" onClick={this.onOnNotNowClick}> { _t("Not now") } - </AccessibleButton></p> - <p><AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton" + </AccessibleButton> + <AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton" onClick={this.onDontAskAgainClick}> { _t("Don't ask me again") } - </AccessibleButton></p> + </AccessibleButton> </div> </div> );