Ticket #3717: 3717.1.diff

wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-reviews.php

@@ -36 +36 @@
                                                 <?php echo get_avatar( get_the_author_meta( 'ID' ), 60 ); ?>
                                         </div><div class="review">
                                                 <header>
-                                                        <h3 class="review-title"><a class="url" href="<?php echo esc_url( 'https://wordpress.org/support/topic/' . $review->post_name . '/' ); ?>"><?php echo get_the_title( $review ); ?></a></h3>
-                                                        <?php echo Template::dashicons_stars( $review->post_rating ); ?>
-                                                        <span class="review-author author vcard"><?php the_author_posts_link(); ?></span>
+                                                        <div class="header-top">
+                                                                <?php echo Template::dashicons_stars( $review->post_rating ); ?>
+                                                                <h3 class="review-title"><a class="url" href="<?php echo esc_url( 'https://wordpress.org/support/topic/' . $review->post_name . '/' ); ?>"><?php echo get_the_title( $review ); ?></a></h3>
+                                                        </div>
+                                                        <div class="header-bottom">
+                                                                <span class="review-author author vcard"><?php the_author_posts_link(); ?></span>
+                                                                <span class="review-date"><?php echo date_i18n( 'F j, Y', strtotime( $review->post_modified ) ); ?></span>
+                                                        </div>
                                                 </header>
                                                 <div class="review-content"><?php echo wp_strip_all_tags(get_the_content()); ?></div>
                                         </div>

wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/sections/reviews/style.scss

@@ -11 +11 @@
                 &:first-child {
                         margin-top: 0;
                 }
+                .header-top {
+                        display: flex;
+                        .wporg-ratings {
+                                flex-shrink: 0;
+                        }
+                }
+
+                .header-bottom {
+                        display: flex;
+                        margin-bottom: 12px;
+                }
         }
 
         .review-avatar {
@@ -32 +43 @@
                 font-size: ms( 0 );
                 font-weight: 600;
                 letter-spacing: 0.01rem;
-                margin: 0 0 0.5rem;
+                margin: 0 0 8px 12px;
                 text-transform: inherit;
+                line-height: 1.25;
         }
 
-        .review-author {
+        .review-date{
+                margin-left: 12px;
+                color: #999;
+                font-size: 0.9em;
+        }
+
+        .review-author, .review-date {
                 line-height: 1.25;
-                margin-left: 10px;
+                font-size: 0.9em;
         }
 
         @media screen and ( min-width: $ms-breakpoint ) {
@@ -59 +77 @@
                         margin: 0;
                 }
 
-                .review-author {
+                .review-author, .review-date {
                         line-height: 1;
                 }
         }