From b908a19e95ace6164b66fa87f937b72be674507e Mon Sep 17 00:00:00 2001
From: Daryl Koopersmith <koop@git.wordpress.org>
Date: Wed, 11 Apr 2012 21:19:32 +0000
Subject: [PATCH] CSS improvements for the 'Current Theme' section. see #20403.

git-svn-id: https://develop.svn.wordpress.org/trunk@20445 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-admin/css/wp-admin.dev.css | 44 ++++++++++++++++++++++++++---------
 wp-admin/themes.php           | 38 +++++++++++++++++++++---------
 2 files changed, 60 insertions(+), 22 deletions(-)

diff --git a/wp-admin/css/wp-admin.dev.css b/wp-admin/css/wp-admin.dev.css
index c33b040d1d..b4ccab0578 100644
--- a/wp-admin/css/wp-admin.dev.css
+++ b/wp-admin/css/wp-admin.dev.css
@@ -4316,7 +4316,31 @@ h3.available-themes {
 }
 
 #current-theme {
-	padding: 0 0 .5em;
+	margin: 20px 0 10px;
+	padding: 0 0 20px;
+	border-bottom: 1px solid #dfdfdf;
+	overflow: hidden;
+}
+
+#current-theme.has-screenshot {
+	padding-left: 320px;
+}
+
+#current-theme h3 {
+	margin: 0;
+	font-size: 12px;
+	font-weight: normal;
+	color: #999;
+}
+
+#current-theme h4 {
+	margin: 3px 0 16px;
+	font-size: 20px;
+}
+#current-theme h4 span {
+	margin-left: 20px;
+	font-size: 12px;
+	font-weight: normal;
 }
 
 #current-theme a {
@@ -4325,24 +4349,22 @@ h3.available-themes {
 
 #current-theme .theme-description {
 	margin-top: 5px;
+	max-width: 600px;
+	line-height: 1.6em;
 }
 
 #current-theme img {
 	float: left;
+	width: 300px;
+	margin-left: -320px;
+
 	border-width: 1px;
 	border-style: solid;
-	margin-right: 1em;
-	margin-bottom: 1.5em;
-	width: 150px;
 }
 
-.theme-options span {
-	text-transform: uppercase;
-	font-size: 13px;
-}
-
-.theme-options a {
-	font-size: 15px;
+.theme-options {
+	font-size: 14px;
+	padding-bottom: 10px;
 }
 
 .theme-options .load-customize {
diff --git a/wp-admin/themes.php b/wp-admin/themes.php
index b9a37ec969..63034a548b 100644
--- a/wp-admin/themes.php
+++ b/wp-admin/themes.php
@@ -95,16 +95,33 @@ if ( ! is_multisite() && current_user_can( 'install_themes' ) ) : ?>
 <h2><?php echo esc_html( $title ); ?>
 <?php endif; ?>
 </h2>
-<?php $ct = wp_get_theme(); ?>
-<div id="current-theme">
-<h3><?php _e( 'Current Theme' ); ?></h3>
-<?php if ( $screenshot = $ct->get_screenshot() ) : ?>
-<img src="<?php echo esc_url( $screenshot ); ?>" alt="<?php esc_attr_e( 'Current theme preview'); ?>" />
-<?php endif; ?>
-<h4><?php
-	/* translators: 1: theme title, 2: theme version, 3: theme author */
-	printf( __( '%1$s %2$s by %3$s' ), $ct->display('Name'), $ct->display('Version'), $ct->display('Author') ) ; ?></h4>
-<p class="theme-description"><?php echo $ct->display('Description'); ?></p>
+<?php
+
+$ct = wp_get_theme();
+$screenshot = $ct->get_screenshot();
+$class = $screenshot ? 'has-screenshot' : '';
+
+?>
+<div id="current-theme" class="<?php echo esc_attr( $class ); ?>">
+	<?php if ( $screenshot ) : ?>
+		<img src="<?php echo esc_url( $screenshot ); ?>" alt="<?php esc_attr_e( 'Current theme preview' ); ?>" />
+	<?php endif; ?>
+
+	<h3><?php _e('Current Theme'); ?></h3>
+	<h4>
+		<?php echo $ct->display('Name'); ?>
+	</h4>
+
+	<div>
+		<p>
+			<span><?php printf( __('By %s'), $ct->display('Author') ); ?></span>
+			|
+			<span><?php printf( __('Version %s'), $ct->display('Version') ); ?></span>
+		</p>
+		<p class="theme-description"><?php echo $ct->display('Description'); ?></p>
+		<?php theme_update_available( $ct ); ?>
+	</div>
+
 <div class="theme-options">
 	<a href="#" class="load-customize hide-if-no-js" data-customize-template="<?php echo esc_attr( $ct->get_template() ); ?>" data-customize-stylesheet="<?php echo esc_attr( $ct->get_stylesheet() ); ?>" title="<?php echo esc_attr( sprintf( __( 'Customize &#8220;%s&#8221;' ), $ct->get('Name') ) ); ?>"><?php _e( 'Customize' )?></a>
 	<span><?php _e( 'Options:' )?></span>
@@ -137,7 +154,6 @@ if ( ! is_multisite() && current_user_can( 'install_themes' ) ) : ?>
 	}
 	echo implode ( ' | ', $options );
 ?></div>
-<?php theme_update_available( $ct ); ?>
 
 </div>