Index: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/function-reference.js
===================================================================
--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/function-reference.js	(revision 7488)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/function-reference.js	(working copy)
@@ -82,8 +82,8 @@
 	function toggleUsageListInit() {
 
 		// We only expect one used_by and uses per document
-		$usedByList = $( '.used-by' ).find( 'li' );
-		$usesList   = $( '.uses' ).find( 'li' );
+		$usedByList = $( '.used-by tbody' ).find( 'tr' );
+		$usesList   = $( '.uses tbody' ).find( 'tr' );
 
 		if ( $usedByList.length > 5 ) {
 			$usedByList = $usedByList.slice( 5 ).hide();
Index: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-related.php
===================================================================
--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-related.php	(revision 7488)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-related.php	(working copy)
@@ -22,16 +22,32 @@
 		<?php if ( $has_uses ) : ?>
 			<article class="uses">
 				<h3><?php _e( 'Uses', 'wporg' ); ?></h3>
-				<ul>
+				<table>
+					<caption class="screen-reader-text"><?php _e( 'Uses', 'wporg' ); ?></caption>
+					<thead>
+						<tr>
+							<th><?php _e( 'Uses', 'wporg' ); ?></th>
+							<th class="related-desc"><?php _e( 'Description', 'wporg' ); ?></th>
+						</tr>
+					</thead>
+					<tbody>
 					<?php
 					$uses_to_show = 5;
-					while ( $uses->have_posts() ) : $uses->the_post()
-						?>
-						<li>
-							<span><?php echo esc_attr( get_source_file() ); ?>:</span>
-							<a href="<?php the_permalink(); ?>"><?php the_title(); ?><?php if ( ! in_array( get_post_type(), array( 'wp-parser-class', 'wp-parser-hook' ) ) ) : ?>()<?php endif; ?></a>
-						</li>
+					while ( $uses->have_posts() ) : $uses->the_post();
+						$summary = get_summary();
+					?>
+						<tr>
+							<td>
+								<span><?php echo esc_attr( get_source_file() ); ?>:</span>
+								<a href="<?php the_permalink(); ?>"><?php the_title(); ?><?php if ( ! in_array( get_post_type(), array( 'wp-parser-class', 'wp-parser-hook' ) ) ) : ?>()<?php endif; ?></a>
+							</td>
+							<td class="related-desc">
+								<?php echo $summary; ?>
+							</td>
+						</tr>
 					<?php endwhile; wp_reset_postdata(); ?>
+					<tbody>
+				</table>
 					<?php if ( $uses->post_count > $uses_to_show ) : ?>
 						<a href="#" class="show-more"><?php
 							/* translators: %d: remaining 'uses' count */
@@ -41,26 +57,40 @@
 							?></a>
 						<a href="#" class="hide-more"><?php _e( 'Hide more uses', 'wporg' ); ?></a>
 					<?php endif; ?>
-				</ul>
 			</article>
 		<?php endif; ?>
 
 		<?php if ( $has_used_by ) : ?>
-
-		<?php if ( $has_uses ) { ?><hr /><?php } ?>
-
-		<article class="used-by">
-			<h3><?php _e( 'Used By', 'wporg' ); ?></h3>
-			<ul>
-				<?php
-				$used_by_to_show = 5;
-				while ( $used_by->have_posts() ) : $used_by->the_post();
-					?>
-					<li>
-						<span><?php echo esc_attr( get_source_file() ); ?>:</span>
-						<a href="<?php the_permalink(); ?>"><?php the_title(); ?><?php if ( ! in_array( get_post_type(), array( 'wp-parser-class', 'wp-parser-hook' ) ) ) : ?>()<?php endif; ?></a>
-					</li>
-				<?php endwhile; wp_reset_postdata(); ?>
+		<?php if ( $uses->post_count > $uses_to_show ) { ?><hr /><?php } ?>
+		
+			<article class="used-by">
+				<h3><?php _e( 'Used By', 'wporg' ); ?></h3>
+				<table>
+					<caption class="screen-reader-text"><?php _e( 'Used By', 'wporg' ); ?></caption>
+					<thead>
+						<tr>
+							<th><?php _e( 'Used By', 'wporg' ); ?></th>
+							<th class="related-desc"><?php _e( 'Short Description', 'wporg' ); ?></th>
+						</tr>
+					</thead>
+					<tbody>
+					<?php
+						$used_by_to_show = 5;
+						while ( $used_by->have_posts() ) : $used_by->the_post();
+							$summary = get_summary();
+							?>
+							<tr>
+								<td>
+									<span><?php echo esc_attr( get_source_file() ); ?>:</span>
+									<a href="<?php the_permalink(); ?>"><?php the_title(); ?><?php if ( ! in_array( get_post_type(), array( 'wp-parser-class', 'wp-parser-hook' ) ) ) : ?>()<?php endif; ?></a>
+								</td>
+								<td class="related-desc">
+									<?php echo $summary; ?>
+								</td>
+							</tr>
+						<?php endwhile; wp_reset_postdata(); ?>
+					<tbody>
+				</table>
 				<?php if ( $used_by->post_count > $used_by_to_show ) : ?>
 					<a href="#" class="show-more"><?php
 						/* translators: %d: remaining 'used by' count */
@@ -70,10 +100,8 @@
 						?></a>
 					<a href="#" class="hide-more"><?php _e( 'Hide more used by', 'wporg' ); ?></a>
 				<?php endif; ?>
-			</ul>
-		</article>
+			</article>
 		<?php endif; ?>
-
 	</section>
 	<?php endif; ?>
 <?php endif; ?>
Index: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss
===================================================================
--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss	(revision 7488)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss	(working copy)
@@ -1060,19 +1060,39 @@
 	/* = Related
 	----------------------------------------------- */
 	.related {
-		ul {
-			line-height: 1.7; /* Slightly increase the line height for more readability */
-			list-style-type: none;
-			margin: 0;
+		.show-more, .hide-more {
+			display: none;
+		}
+
+		/* Hide the title and toc links (same as .screen-reader-text)
+		   this allows for linking from the toc. */
+		h3, .uses .toc-jump, .used-by .toc-jump {
+			height: 0;
+			margin-bottom: 0;
+			clip: rect(1px, 1px, 1px, 1px);
+			position: absolute !important;
+		}
+
+		.used-by, .uses {
 			overflow-x: auto;
+			clear: right;
 		}
+		
+		td p  {
+			margin-bottom: 0;
+		}
 
-		.show-more, .hide-more {
-			display: none;
+		th, td {
+			width: 50%;
 		}
+
+		@media (max-width: 43em) {
+			.related-desc, span {
+				display: none;
+			}
+		}
 	}
 
-
 	.source-content {
 		overflow: auto;
 	}
@@ -1105,7 +1125,7 @@
 	}
 
 	/* Changelog */
-	table {
+	.changelog table {
 		.changelog-version {
 			width: 10%;
 		}
@@ -1112,7 +1132,6 @@
 		.changelog-desc {
 			width: 90%;
 		}
-
 	}
 
 	.loop-pagination {
Index: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css
===================================================================
--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css	(revision 7488)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css	(working copy)
@@ -1445,12 +1445,9 @@
   border-bottom-style: none;
 }
 
-.devhub-wrap .related ul {
-  line-height: 1.7;
-  /* Slightly increase the line height for more readability */
-  list-style-type: none;
-  margin: 0;
-  overflow-x: auto;
+.devhub-wrap .related {
+  /* Hide the title and toc links (same as .screen-reader-text)
+		   this allows for linking from the toc. */
 }
 
 .devhub-wrap .related .show-more, .devhub-wrap .related .hide-more {
@@ -1457,6 +1454,32 @@
   display: none;
 }
 
+.devhub-wrap .related h3, .devhub-wrap .related .uses .toc-jump, .devhub-wrap .related .used-by .toc-jump {
+  height: 0;
+  margin-bottom: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  position: absolute !important;
+}
+
+.devhub-wrap .related .used-by, .devhub-wrap .related .uses {
+  overflow-x: auto;
+  clear: right;
+}
+
+.devhub-wrap .related td p {
+  margin-bottom: 0;
+}
+
+.devhub-wrap .related th, .devhub-wrap .related td {
+  width: 50%;
+}
+
+@media (max-width: 43em) {
+  .devhub-wrap .related .related-desc, .devhub-wrap .related span {
+    display: none;
+  }
+}
+
 .devhub-wrap .source-content {
   overflow: auto;
 }
@@ -1488,11 +1511,11 @@
   display: none;
 }
 
-.devhub-wrap table .changelog-version {
+.devhub-wrap .changelog table .changelog-version {
   width: 10%;
 }
 
-.devhub-wrap table .changelog-desc {
+.devhub-wrap .changelog table .changelog-desc {
   width: 90%;
 }
 
@@ -2446,7 +2469,6 @@
 
 body.responsive-show #secondary {
   left: 0;
-  overflow: auto;
 }
 
 body.responsive-show #primary-modal {