<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[3427] sites/trunk/wordpress.org/public_html/wp-content: Plugin Directory: Second pass at plugin reviews o plugin detail.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/3427">3427</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/3427","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>obenland</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2016-06-18 12:33:56 +0000 (Sat, 18 Jun 2016)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Plugin Directory: Second pass at plugin reviews o plugin detail.

See <a href="http://meta.trac.wordpress.org/ticket/1719">#1719</a>.`</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginsplugindirectoryclasstoolsphp">sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/class-tools.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginsplugindirectoryshortcodesclassreviewsphp">sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-reviews.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylertlcss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginsinglescss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartspluginsinglephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginsplugindirectoryclasstoolsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/class-tools.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/class-tools.php 2016-06-18 12:32:48 UTC (rev 3426)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/class-tools.php   2016-06-18 12:33:56 UTC (rev 3427)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -42,7 +42,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">                if ( false === ( $reviews = wp_cache_get( "{$plugin_slug}_reviews", 'wporg-plugins' ) ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                        global $wpdb;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        $reviews = $wpdb->get_results( $wpdb->prepare( "SELECT * FROM ratings WHERE object_type = 'plugin' AND object_slug = %s ORDER BY review_id DESC LIMIT 2", $plugin_slug ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 $reviews = $wpdb->get_results( $wpdb->prepare( "
+                       SELECT posts.post_text AS post_content, topics.topic_title AS post_title, ratings.rating AS post_rating, ratings.user_id AS post_author
+                       FROM ratings
+                               INNER JOIN minibb_topics AS topics ON ( ratings.review_id = topics.topic_id )
+                               INNER JOIN minibb_posts AS posts ON ( ratings.review_id = posts.topic_id )
+                       WHERE
+                               ratings.object_type = 'plugin' AND
+                               ratings.object_slug = %s AND
+                               posts.post_position = 1
+                       ORDER BY ratings.review_id DESC LIMIT 2", $plugin_slug ) );
</ins><span class="cx" style="display: block; padding: 0 10px">                         wp_cache_set( "{$plugin_slug}_reviews", $reviews, 'wporg-plugins', HOUR_IN_SECONDS );
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginsplugindirectoryshortcodesclassreviewsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-reviews.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-reviews.php    2016-06-18 12:32:48 UTC (rev 3426)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-reviews.php      2016-06-18 12:33:56 UTC (rev 3427)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,8 +14,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @return string
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><span class="cx" style="display: block; padding: 0 10px">        static function display() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                $post    = get_post();
-               $reviews = array(); //Tools::get_plugin_reviews( $post->post_name );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         $reviews = Tools::get_plugin_reviews( get_post()->post_name );
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                if ( empty( $reviews ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                        return '';
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,29 +23,28 @@
</span><span class="cx" style="display: block; padding: 0 10px">                ob_start();
</span><span class="cx" style="display: block; padding: 0 10px">                ?>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <ul class="plugin-reviews">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="plugin-reviews">
</ins><span class="cx" style="display: block; padding: 0 10px">                         <?php
</span><span class="cx" style="display: block; padding: 0 10px">                        foreach ( $reviews as $review ) :
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                $reviewer = get_user_by( 'id', $review->user_id );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         $reviewer = get_user_by( 'id', $review->post_author );
</ins><span class="cx" style="display: block; padding: 0 10px">                                 if ( ! $reviewer ) :
</span><span class="cx" style="display: block; padding: 0 10px">                                        continue;
</span><span class="cx" style="display: block; padding: 0 10px">                                endif;
</span><span class="cx" style="display: block; padding: 0 10px">                                ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <li>
-                                       <article class="plugin-review">
-                                               <div class="review-avatar"><?php echo get_avatar( $reviewer->ID, 32 ); ?></div>
-                                               <div class="review">
-                                                       <header>
-                                                               <h3><?php echo $review->topic_ctitle; ?></h3>
-                                                               <?php echo Template::dashicons_stars( $review->rating ); ?>
-                                                               <span class="byline"><?php printf( esc_html_x( 'By %s', 'post author', 'wporg-plugins' ), '<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( Template::encode( get_the_author() ) ) . '</a></span>' ); ?></span>
-                                                       </header>
-                                                       <div class="review-content"><?php echo $review->topic_text; ?></div>
-                                               </div>
-                                       </article>
-                               </li>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <article class="plugin-review">
+                                       <div class="review-avatar">
+                                               <?php echo get_avatar( $reviewer->ID, 60 ); ?>
+                                       </div><div class="review">
+                                               <header>
+                                                       <h3 class="review-title"><?php echo $review->post_title; ?></h3>
+                                                       <?php echo Template::dashicons_stars( $review->post_rating ); ?>
+                                                       <span class="review-author author vcard"><a class="url fn n" href="<?php esc_url( get_author_posts_url( $reviewer->ID ) ); ?>"><?php echo Template::encode( $reviewer->display_name ); ?></a></span>
+                                               </header>
+                                               <p class="review-content"><?php echo $review->post_content; ?></p>
+                                       </div>
+                               </article>
</ins><span class="cx" style="display: block; padding: 0 10px">                         <?php endforeach; ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                </ul>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <?php
</span><span class="cx" style="display: block; padding: 0 10px">                return ob_get_clean();
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css       2016-06-18 12:32:48 UTC (rev 3426)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css 2016-06-18 12:33:56 UTC (rev 3427)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2167,6 +2167,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   color: #32373c;
</span><span class="cx" style="display: block; padding: 0 10px">   font-weight: 600;
</span><span class="cx" style="display: block; padding: 0 10px">   padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  text-transform: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .read-more p:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2195,6 +2196,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">   content: "\f343";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .reviews-link {
+  font-size: 12.8px;
+  font-size: 0.8rem;
+  margin-top: 0.5rem;
+  position: relative;
+}
+
+.single .type-plugin .entry-content .reviews-link:after {
+  content: "\f341";
+  font-family: dashicons;
+  padding-right: 5px;
+  vertical-align: text-top;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-screenshots {
</span><span class="cx" style="display: block; padding: 0 10px">   list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px">   margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2205,6 +2220,68 @@
</span><span class="cx" style="display: block; padding: 0 10px">   font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .plugin-reviews {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .plugin-review + .plugin-review {
+  margin: 32px 0 16px;
+  margin: 2rem 0 1rem;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review-avatar {
+  display: none;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review,
+.single .type-plugin .entry-content .plugin-reviews .wporg-ratings,
+.single .type-plugin .entry-content .plugin-reviews .review-author {
+  display: inline-block;
+  vertical-align: top;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review-header {
+  margin: 0 0 8px;
+  margin: 0 0 0.5rem;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review-title {
+  font-size: 16px;
+  font-size: 1rem;
+  font-weight: 600;
+  letter-spacing: 0.01rem;
+  margin: 0 0 8px;
+  margin: 0 0 0.5rem;
+  text-transform: uppercase;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review-author {
+  line-height: 1.25;
+  margin-right: 10px;
+}
+
+@media screen and (min-width: 48em) {
+  .single .type-plugin .entry-content .plugin-reviews .review-avatar {
+    display: inline-block;
+    vertical-align: top;
+  }
+  .single .type-plugin .entry-content .plugin-reviews .review-avatar .avatar {
+    margin-left: 16px;
+    margin-left: 1rem;
+  }
+  .single .type-plugin .entry-content .plugin-reviews .review {
+    width: calc(100% - 60px - 1rem);
+  }
+  .single .type-plugin .entry-content .plugin-reviews .review-header {
+    margin: 0;
+  }
+  .single .type-plugin .entry-content .plugin-reviews .review-author {
+    line-height: 1;
+  }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-developers {
</span><span class="cx" style="display: block; padding: 0 10px">   list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px">   margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2221,7 +2298,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single .type-plugin .entry-content .plugin-developers .avatar {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .avatar {
</ins><span class="cx" style="display: block; padding: 0 10px">   border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">   margin-left: 10px;
</span><span class="cx" style="display: block; padding: 0 10px">   vertical-align: middle;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css   2016-06-18 12:32:48 UTC (rev 3426)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css     2016-06-18 12:33:56 UTC (rev 3427)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2167,6 +2167,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   color: #32373c;
</span><span class="cx" style="display: block; padding: 0 10px">   font-weight: 600;
</span><span class="cx" style="display: block; padding: 0 10px">   padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  text-transform: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .read-more p:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2195,6 +2196,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">   content: "\f343";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .reviews-link {
+  font-size: 12.8px;
+  font-size: 0.8rem;
+  margin-top: 0.5rem;
+  position: relative;
+}
+
+.single .type-plugin .entry-content .reviews-link:after {
+  content: "\f345";
+  font-family: dashicons;
+  padding-left: 5px;
+  vertical-align: text-top;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-screenshots {
</span><span class="cx" style="display: block; padding: 0 10px">   list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px">   margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2205,6 +2220,68 @@
</span><span class="cx" style="display: block; padding: 0 10px">   font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .plugin-reviews {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .plugin-review + .plugin-review {
+  margin: 32px 0 16px;
+  margin: 2rem 0 1rem;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review-avatar {
+  display: none;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review,
+.single .type-plugin .entry-content .plugin-reviews .wporg-ratings,
+.single .type-plugin .entry-content .plugin-reviews .review-author {
+  display: inline-block;
+  vertical-align: top;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review-header {
+  margin: 0 0 8px;
+  margin: 0 0 0.5rem;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review-title {
+  font-size: 16px;
+  font-size: 1rem;
+  font-weight: 600;
+  letter-spacing: 0.01rem;
+  margin: 0 0 8px;
+  margin: 0 0 0.5rem;
+  text-transform: uppercase;
+}
+
+.single .type-plugin .entry-content .plugin-reviews .review-author {
+  line-height: 1.25;
+  margin-left: 10px;
+}
+
+@media screen and (min-width: 48em) {
+  .single .type-plugin .entry-content .plugin-reviews .review-avatar {
+    display: inline-block;
+    vertical-align: top;
+  }
+  .single .type-plugin .entry-content .plugin-reviews .review-avatar .avatar {
+    margin-right: 16px;
+    margin-right: 1rem;
+  }
+  .single .type-plugin .entry-content .plugin-reviews .review {
+    width: calc(100% - 60px - 1rem);
+  }
+  .single .type-plugin .entry-content .plugin-reviews .review-header {
+    margin: 0;
+  }
+  .single .type-plugin .entry-content .plugin-reviews .review-author {
+    line-height: 1;
+  }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-developers {
</span><span class="cx" style="display: block; padding: 0 10px">   list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px">   margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2221,7 +2298,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single .type-plugin .entry-content .plugin-developers .avatar {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .avatar {
</ins><span class="cx" style="display: block; padding: 0 10px">   border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">   margin-right: 10px;
</span><span class="cx" style="display: block; padding: 0 10px">   vertical-align: middle;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginsinglescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss   2016-06-18 12:32:48 UTC (rev 3426)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss     2016-06-18 12:33:56 UTC (rev 3427)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -108,6 +108,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                color: $color__text-main;
</span><span class="cx" style="display: block; padding: 0 10px">                                font-weight: 600;
</span><span class="cx" style="display: block; padding: 0 10px">                                padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                text-transform: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        p:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -137,6 +138,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        content: "\f343";
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                .reviews-link {
+                       @include font-size( ms-unitless( ms(-2) ) );
+                       margin-top: 0.5rem;
+                       position: relative;
+
+                       &:after {
+                               content: "\f345";
+                               font-family: dashicons;
+                               padding-left: 5px;
+                               vertical-align: text-top;
+                       }
+               }
+
</ins><span class="cx" style="display: block; padding: 0 10px">                 .plugin-screenshots {
</span><span class="cx" style="display: block; padding: 0 10px">                        list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px">                        margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -147,6 +161,71 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                .plugin-reviews {
+                       list-style-type: none;
+                       margin: 0;
+                       padding: 0;
+
+                       .plugin-review + .plugin-review {
+                               margin: 32px 0 16px;
+                               margin: 2rem 0 1rem;
+                       }
+
+                       .review-avatar {
+                               display: none;
+                       }
+
+                       .review,
+                       .wporg-ratings,
+                       .review-author {
+                               display: inline-block;
+                               vertical-align: top;
+                       }
+
+                       .review-header {
+                               margin: 0 0 8px;
+                               margin: 0 0 0.5rem;
+                       }
+
+                       .review-title {
+                               @include font-size( ms-unitless( ms(0) ) );
+                               font-weight: 600;
+                               letter-spacing: 0.01rem;
+                               margin: 0 0 8px;
+                               margin: 0 0 0.5rem;
+                               text-transform: uppercase;
+                       }
+
+                       .review-author {
+                               line-height: 1.25;
+                               margin-left: 10px;
+                       }
+
+                       @media screen and ( min-width: $ms-breakpoint ) {
+                               .review-avatar {
+                                       display: inline-block;
+                                       vertical-align: top;
+
+                                       .avatar {
+                                               margin-right: 16px;
+                                               margin-right: 1rem;
+                                       }
+                               }
+
+                               .review {
+                                       width: calc(100% - 60px - 1rem);
+                               }
+
+                               .review-header {
+                                       margin: 0;
+                               }
+
+                               .review-author {
+                                       line-height: 1;
+                               }
+                       }
+               }
+
</ins><span class="cx" style="display: block; padding: 0 10px">                 .plugin-developers {
</span><span class="cx" style="display: block; padding: 0 10px">                        list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px">                        margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -161,14 +240,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                                }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        .avatar {
-                               border-radius: 50%;
-                               margin-right: 10px;
-                               vertical-align: middle;
-                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         .avatar {
+                       border-radius: 50%;
+                       margin-right: 10px;
+                       vertical-align: middle;
</ins><span class="cx" style="display: block; padding: 0 10px">                 }
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         @media screen and ( min-width: $ms-breakpoint ) {
</span><span class="cx" style="display: block; padding: 0 10px">                .entry-meta {
</span><span class="cx" style="display: block; padding: 0 10px">                        float: right;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartspluginsinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php        2016-06-18 12:32:48 UTC (rev 3426)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php  2016-06-18 12:33:56 UTC (rev 3427)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -60,7 +60,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                <h2><?php echo $section['title']; ?></h2>
</span><span class="cx" style="display: block; padding: 0 10px">                                <?php echo $section_content; ?>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                <?php if ( 'reviews' === $section_slug ) : ?>
+                               <a class="reviews-link" href="<?php echo esc_url( 'https://wordpress.org/support/view/plugin-reviews/' . get_post()->post_name . '/' ); ?>">
+                                       <?php printf( __( 'Read all %s reviews', 'wporg-plugins' ), get_post_meta( get_the_ID(), 'num_ratings', true ) ); ?>
+                               </a>
+                               <?php else : ?>
</ins><span class="cx" style="display: block; padding: 0 10px">                         <button type="button" class="button-link section-toggle" aria-controls="<?php echo esc_attr( $section_slug ); ?>"><?php _e( 'Read more', 'wporg-plugins' ); ?></button>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">                 <?php endforeach; ?>
</span><span class="cx" style="display: block; padding: 0 10px">        </div><!-- .entry-content -->
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre>
</div>
</div>

</body>
</html>