From 7dcf9d5a6192ea7737eb6ca7649637e0f5ca72e3 Mon Sep 17 00:00:00 2001
From: Daryl Koopersmith <koop@git.wordpress.org>
Date: Thu, 12 Apr 2012 22:16:51 +0000
Subject: [PATCH] Manage Themes: Improved separators (markup/styles) for
 current theme options menu. see #20403.

git-svn-id: https://develop.svn.wordpress.org/trunk@20459 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-admin/css/wp-admin.dev.css | 21 ++++++++++++++++++++-
 wp-admin/themes.php           | 10 ++++++++--
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/wp-admin/css/wp-admin.dev.css b/wp-admin/css/wp-admin.dev.css
index 73704f2ff2..dfe031e11e 100644
--- a/wp-admin/css/wp-admin.dev.css
+++ b/wp-admin/css/wp-admin.dev.css
@@ -4316,6 +4316,7 @@ h3.available-themes {
 }
 
 #current-theme .theme-info li,
+.theme-options li,
 .available-theme .action-links li {
 	float: left;
 	padding-right: 10px;
@@ -4324,6 +4325,7 @@ h3.available-themes {
 }
 
 #current-theme .theme-info li:last-child,
+.theme-options li:last-child,
 .available-theme .action-links li:last-child {
 	padding-right: 0;
 	margin-right: 0;
@@ -4372,6 +4374,7 @@ h3.available-themes {
 	margin: 3px 0 16px;
 	font-size: 20px;
 }
+
 #current-theme h4 span {
 	margin-left: 20px;
 	font-size: 12px;
@@ -4403,12 +4406,28 @@ h3.available-themes {
 }
 
 .theme-options {
+	overflow: hidden;
 	font-size: 14px;
 	padding-bottom: 10px;
 }
 
 .theme-options .load-customize {
-	margin-right: 20px;
+	margin-right: 30px;
+	float: left;
+}
+
+.theme-options span {
+	float: left;
+	margin-right: 10px;
+	text-transform: uppercase;
+	font-size: 11px;
+	line-height: 18px;
+	color: #999;
+}
+
+.theme-options ul {
+	float: left;
+	margin: 0;
 }
 
 /* Allow for three-up on 1024px wide screens, e.g. tablets */
diff --git a/wp-admin/themes.php b/wp-admin/themes.php
index 4b83710158..b198b61836 100644
--- a/wp-admin/themes.php
+++ b/wp-admin/themes.php
@@ -151,8 +151,14 @@ $class = $screenshot ? 'has-screenshot' : '';
 			}
 		}
 	}
-	echo implode ( ' | ', $options );
-?></div>
+
+	?>
+	<ul>
+		<?php foreach ( $options as $option ) : ?>
+			<li><?php echo $option; ?></li>
+		<?php endforeach; ?>
+	</ul>
+</div>
 
 </div>