From 892307d36ca1e1f6a928c88c10a021e14ddea2fc Mon Sep 17 00:00:00 2001
From: koopersmith <koopersmith@1a063a9b-81f0-0310-95a4-ce76da25c4cd>
Date: Wed, 11 Apr 2012 21:54:56 +0000
Subject: [PATCH] Shrink theme screenshots for smaller screen resolutions.
 props helenyhou, see #20403.

git-svn-id: http://svn.automattic.com/wordpress/trunk@20446 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 wp-admin/css/wp-admin.dev.css | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/wp-admin/css/wp-admin.dev.css b/wp-admin/css/wp-admin.dev.css
index b4ccab057..18cd3e117 100644
--- a/wp-admin/css/wp-admin.dev.css
+++ b/wp-admin/css/wp-admin.dev.css
@@ -4281,10 +4281,9 @@ h3.available-themes {
 
 .available-theme {
 	display: inline-block;
-	margin-bottom: 10px;
-	margin-right: 25px;
+	margin-right: 10px;
 	overflow: hidden;
-	padding: 20px;
+	padding: 20px 20px 20px 0;
 	vertical-align: top;
 	width: 300px;
 }
@@ -4323,7 +4322,7 @@ h3.available-themes {
 }
 
 #current-theme.has-screenshot {
-	padding-left: 320px;
+	padding-left: 330px;
 }
 
 #current-theme h3 {
@@ -4356,7 +4355,7 @@ h3.available-themes {
 #current-theme img {
 	float: left;
 	width: 300px;
-	margin-left: -320px;
+	margin-left: -330px;
 
 	border-width: 1px;
 	border-style: solid;
@@ -4371,6 +4370,31 @@ h3.available-themes {
 	margin-right: 20px;
 }
 
+/* Allow for three-up on 1024px wide screens, e.g. tablets */
+@media only screen and (max-width: 1200px) {
+	.available-theme,
+	.available-theme a.screenshot,
+	#current-theme img {
+		width: 240px;
+	}
+
+	.available-theme a.screenshot {
+		height: 180px;
+	}
+
+	.available-theme img {
+		width: 100%;
+	}
+
+	#current-theme.has-screenshot {
+		padding-left: 270px;
+	}
+
+	#current-theme img {
+		margin-left: -270px;
+	}
+}
+
 #post-body ul.add-menu-item-tabs li.tabs a,
 #TB_window #TB_title a.tb-theme-preview-link,
 #TB_window #TB_title a.tb-theme-preview-link:visited {