From 82270d36ef4c168269419c4bfa6ef66f867bac51 Mon Sep 17 00:00:00 2001
From: Daryl Koopersmith <koop@git.wordpress.org>
Date: Mon, 29 Oct 2012 18:16:12 +0000
Subject: [PATCH] Improve attachment detailed preview styling. see #21390.

git-svn-id: https://develop.svn.wordpress.org/trunk@22325 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-includes/css/media-views.css | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/wp-includes/css/media-views.css b/wp-includes/css/media-views.css
index 98d96a07c8..8b1283f4ae 100644
--- a/wp-includes/css/media-views.css
+++ b/wp-includes/css/media-views.css
@@ -566,18 +566,33 @@
 	cursor: default;
 }
 
-.attachment-details-preview,
-.attachment-details-preview .thumbnail {
+.attachment-details-preview {
 	width: auto;
 	height: auto;
-	float: left;
 	position: relative;
 }
 
-.attachment-details-preview .thumbnail img {
-	max-width: 120px;
-	max-height: 120px;
+.attachment-details-preview .thumbnail {
+	width: 100%;
+	height: auto;
+}
+
+.attachment-details-preview .thumbnail:after {
+	content: '';
 	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );
+	overflow: hidden;
+}
+
+.attachment-details-preview .thumbnail img {
+	display: block;
+	max-width: 100%;
+	max-height: 132px;
 	margin: 0 auto;
 }