From ceb5e971021afbe417f316b0a8567c805295409d Mon Sep 17 00:00:00 2001
From: Matt Thomas <iammattthomas@git.wordpress.org>
Date: Wed, 4 Dec 2013 20:31:24 +0000
Subject: [PATCH] Add more columns in the theme browser on screens over 2000px
 wide to ensure that theme screenshots never appear larger than their
 resolution allows. Fixes #26172, props shaunandrews.

git-svn-id: https://develop.svn.wordpress.org/trunk@26633 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/wp-admin.css | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css
index 942419ee2b..eb38cf1ae4 100644
--- a/src/wp-admin/css/wp-admin.css
+++ b/src/wp-admin/css/wp-admin.css
@@ -7059,6 +7059,22 @@ body.folded .theme-overlay .theme-wrap {
  * Shuffles theme columns around based on screen width
  */
 
+@media only screen and (min-width: 2000px) {
+	#wpwrap .theme-browser .theme {
+		width: 17.6%;
+		margin: 0 3% 3% 0;
+	}
+
+	#wpwrap .theme-browser .theme:nth-child(3n),
+	#wpwrap .theme-browser .theme:nth-child(4n) {
+		margin-right: 3%;
+	}
+
+	#wpwrap .theme-browser .theme:nth-child(5n) {
+		margin-right: 0;
+	}
+}
+
 @media only screen and (min-width: 1700px) {
 	.theme-browser .theme {
 		width: 22.7%;
@@ -7079,7 +7095,7 @@ body.folded .theme-overlay .theme-wrap {
 	}
 }
 
-@media only screen and (max-width: 1200px) {
+@media only screen and (max-width: 1150px) {
 	.theme-browser .theme {
 		width: 47.5%;
 		margin-right: 0;
@@ -7128,7 +7144,7 @@ body.folded .theme-overlay .theme-wrap {
 	}
 }
 
-@media only screen and (max-width: 650px) {
+@media only screen and (max-width: 480px) {
 	.theme-browser .theme {
 		width: 100%;
 		margin-right: 0;
@@ -7138,7 +7154,9 @@ body.folded .theme-overlay .theme-wrap {
 	.theme-browser .theme:nth-child(3n) {
 		margin-right: 0;
 	}
+}
 
+@media only screen and (max-width: 650px) {
 	.theme-overlay .theme-update,
 	.theme-overlay .theme-description {
 		margin-left: 0;