Remove flex and use text align, add alignment to post comments

WordPress · May 6, 2022 · 8fae7a5 · 8fae7a5
1 parent 970643b
commit 8fae7a5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/packages/block-library/src/post-comments-form/style.scss b/packages/block-library/src/post-comments-form/style.scss
@@ -18,18 +18,6 @@
 	&[style*="letter-spacing"] :where(.comment-reply-title) {
 		letter-spacing: inherit;
 	}
-	:not(&[class*="-align-center"]) {
-		justify-content: space-between;
-	}
-	&[class*="-align-right"] :where(.comment-reply-title) {
-		flex-direction: row-reverse;
-	}
-	&[class*="-align-center"] :where(.comment-reply-title) {
-		justify-content: center;
-		:where(small) {
-			margin-left: 0.5em;
-		}
-	}
 
 	// Styles copied from button block styles.
 	input[type="submit"] {
@@ -81,11 +69,10 @@
 	}
 
 	.comment-reply-title {
-		align-items: baseline;
-		display: flex;
 		margin-bottom: 0;
 		:where(small) {
 			font-size: var(--wp--preset--font-size--medium, smaller);
+			margin-left: 0.5em;
 		}
 	}
 }
diff --git a/packages/block-library/src/post-comments/style.scss b/packages/block-library/src/post-comments/style.scss
@@ -86,6 +86,14 @@
 		}
 	}
 
+	.comment-reply-title {
+		margin-bottom: 0;
+		:where(small) {
+			font-size: var(--wp--preset--font-size--medium, smaller);
+			margin-left: 0.5em;
+		}
+	}
+
 	.reply {
 		font-size: 0.875em;
 		margin-bottom: 1.4em;