From 807a53e579c920244d2c71bff5752c43fe6c1381 Mon Sep 17 00:00:00 2001
From: Dion Hulse <dion@wordpress.org>
Date: Tue, 20 Aug 2024 12:48:58 +1000
Subject: [PATCH 1/3] Wrap the notice in a <div> to ensure it remains on a
 single line.

Fixes #299
---
 settings/src/components/backup-codes.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/settings/src/components/backup-codes.js b/settings/src/components/backup-codes.js
index b9be260b..fc847751 100644
--- a/settings/src/components/backup-codes.js
+++ b/settings/src/components/backup-codes.js
@@ -230,10 +230,12 @@ function Manage( { setRegenerating } ) {
 				{ backupCodesRemaining <= 5 && (
 					<Notice status="warning" isDismissible={ false }>
 						<Icon icon={ warning } />
-						You only have <strong>{ backupCodesRemaining }</strong> backup codes
-						remaining. Please regenerate and save new ones before you run out. If you
-						don&apos;t, you won&apos;t be able to log into your account if you lose your
-						phone.
+						<div>
+							You only have <strong>{ backupCodesRemaining }</strong> backup codes
+							remaining. Please regenerate and save new ones before you run out.
+							If you don&apos;t, you won&apos;t be able to log into your account if
+							you lose your phone.
+						</div>
 					</Notice>
 				) }
 			</div>

From f50b7d5b0e58d0be8317c594a484b6a3709215a8 Mon Sep 17 00:00:00 2001
From: Dion Hulse <dion@wordpress.org>
Date: Tue, 20 Aug 2024 12:50:57 +1000
Subject: [PATCH 2/3] Linting requires far more specific line length than
 reasonably useful.

---
 settings/src/components/backup-codes.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/settings/src/components/backup-codes.js b/settings/src/components/backup-codes.js
index fc847751..527ca3b2 100644
--- a/settings/src/components/backup-codes.js
+++ b/settings/src/components/backup-codes.js
@@ -232,8 +232,8 @@ function Manage( { setRegenerating } ) {
 						<Icon icon={ warning } />
 						<div>
 							You only have <strong>{ backupCodesRemaining }</strong> backup codes
-							remaining. Please regenerate and save new ones before you run out.
-							If you don&apos;t, you won&apos;t be able to log into your account if
+							remaining. Please regenerate and save new ones before you run out. If
+							you don&apos;t, you won&apos;t be able to log into your account if
 							you lose your phone.
 						</div>
 					</Notice>

From f8482cd87c1c5d0fc70bf960553ef95a476f2af4 Mon Sep 17 00:00:00 2001
From: Dion Hulse <dion@wordpress.org>
Date: Tue, 20 Aug 2024 12:52:56 +1000
Subject: [PATCH 3/3] Linting was unhappy with linting suggestion.

---
 settings/src/components/backup-codes.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/settings/src/components/backup-codes.js b/settings/src/components/backup-codes.js
index 527ca3b2..59398b35 100644
--- a/settings/src/components/backup-codes.js
+++ b/settings/src/components/backup-codes.js
@@ -233,8 +233,8 @@ function Manage( { setRegenerating } ) {
 						<div>
 							You only have <strong>{ backupCodesRemaining }</strong> backup codes
 							remaining. Please regenerate and save new ones before you run out. If
-							you don&apos;t, you won&apos;t be able to log into your account if
-							you lose your phone.
+							you don&apos;t, you won&apos;t be able to log into your account if you
+							lose your phone.
 						</div>
 					</Notice>
 				) }