From 08057c8cc58848bcd46017a19255d35966ec00a7 Mon Sep 17 00:00:00 2001
From: Jb Audras <audrasjb@git.wordpress.org>
Date: Thu, 1 Sep 2022 06:10:43 +0000
Subject: [PATCH] Twenty Twenty: Improve word wrap in comments required
 message.

Because `.comments-notes` and `.logged-in-as` paragraphs are centered in Twenty Twenty, words were wrapping poorly to the next line, and even more often with "Edit your profile" displayed as visible text (see [53796]). This changeset ensures the required message is displayed on a new line.

Follow-up to [53796].

Props sabernhardt, audrasjb, mukesh27, nidhidhandhukiya.
Fixes #56397.


git-svn-id: https://develop.svn.wordpress.org/trunk@54046 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-content/themes/twentytwenty/style-rtl.css | 4 ++++
 src/wp-content/themes/twentytwenty/style.css     | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css
index 596277e3a0..0e5d365807 100644
--- a/src/wp-content/themes/twentytwenty/style-rtl.css
+++ b/src/wp-content/themes/twentytwenty/style-rtl.css
@@ -3897,6 +3897,10 @@ div.comment:first-of-type {
 	text-align: center;
 }
 
+.comment-respond .required-field-message {
+	display: inline-block;
+}
+
 .comment-respond p {
 	line-height: 1.1;
 	margin-bottom: 2rem;
diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css
index e1b584e07f..0d38bc927d 100644
--- a/src/wp-content/themes/twentytwenty/style.css
+++ b/src/wp-content/themes/twentytwenty/style.css
@@ -3933,6 +3933,10 @@ div.comment:first-of-type {
 	text-align: center;
 }
 
+.comment-respond .required-field-message {
+	display: inline-block;
+}
+
 .comment-respond p {
 	line-height: 1.1;
 	margin-bottom: 2rem;