Tweaks to comments query loop to hit previous design a little closer

Automattic · Jun 14, 2022 · 8ecbfa4 · 8ecbfa4
1 parent 741b832
commit 8ecbfa4
Showing 1 changed file with 19 additions and 12 deletions.
diff --git a/blockbase/block-template-parts/comments.html b/blockbase/block-template-parts/comments.html
@@ -6,20 +6,28 @@
 	<!-- wp:columns -->
 	<div class="wp-block-columns">
 		<!-- wp:column {"width":"40px"} -->
-		<div class="wp-block-column" style="flex-basis:40px">
-			<!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /-->
-		</div>
+		<div class="wp-block-column" style="flex-basis:40px"></div>
 		<!-- /wp:column -->
 
 		<!-- wp:column -->
 		<div class="wp-block-column">
-			<!-- wp:comment-author-name /-->
-
-			<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
-			<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
-				<!-- wp:comment-date /-->
-
-				<!-- wp:comment-edit-link /-->
+			<!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group">
+				<!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"10px"}}}} /-->
+
+				<!-- wp:group -->
+				<div class="wp-block-group">
+					<!-- wp:comment-author-name /-->
+
+					<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
+					<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
+						<!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /-->
+
+						<!-- wp:comment-edit-link /-->
+					</div>
+					<!-- /wp:group -->
+				</div>
+				<!-- /wp:group -->
 			</div>
 			<!-- /wp:group -->
 
@@ -42,5 +50,4 @@
 
 	<!-- wp:post-comments-form /-->
 </div>
-<!-- /wp:comments-query-loop -->
-
+<!-- /wp:comments-query-loop -->