From db0ef7232694d62e0664edac71f16e00b35b863b Mon Sep 17 00:00:00 2001
From: Andrew Nacin <wp@andrewnacin.com>
Date: Mon, 3 Dec 2012 04:15:32 +0000
Subject: [PATCH] Media: Prevent the compat view from wrapping around the
 attachment details. Allow the filename to break-word. props koopersmith,
 SergeyBiryukov. fixes #22667.

git-svn-id: http://core.svn.wordpress.org/trunk@22983 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 wp-includes/css/media-views-rtl.css |  3 +--
 wp-includes/css/media-views.css     |  6 ++----
 wp-includes/media.php               | 10 +++++-----
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/wp-includes/css/media-views-rtl.css b/wp-includes/css/media-views-rtl.css
index 1f79fe559f..7eef9514f0 100644
--- a/wp-includes/css/media-views-rtl.css
+++ b/wp-includes/css/media-views-rtl.css
@@ -258,8 +258,7 @@
 	margin-left: 10px;
 }
 
-.attachment-info .details,
-.attachment-info .compat-meta {
+.attachment-info .details {
 	float: right;
 }
 
diff --git a/wp-includes/css/media-views.css b/wp-includes/css/media-views.css
index 42a2aa3857..8b15f5862f 100644
--- a/wp-includes/css/media-views.css
+++ b/wp-includes/css/media-views.css
@@ -1173,6 +1173,7 @@
 .attachment-info .filename {
 	font-weight: bold;
 	color: #464646;
+	word-wrap: break-word;
 }
 
 .attachment-info .thumbnail {
@@ -1216,10 +1217,7 @@
 .attachment-info .details {
 	float: left;
 	font-size: 12px;
-}
-
-.attachment-info .compat-meta {
-	float: left;
+	max-width: 100%;
 }
 
 .attachment-info .delete-attachment a {
diff --git a/wp-includes/media.php b/wp-includes/media.php
index a2281e2a92..29c4b7d1fc 100644
--- a/wp-includes/media.php
+++ b/wp-includes/media.php
@@ -1685,11 +1685,11 @@ function wp_print_media_templates() {
 						<a href="#"><?php _e( 'Delete Permanently' ); ?></a>
 					</div>
 				<# } #>
-			</div>
-			<div class="compat-meta">
-				<# if ( data.compat && data.compat.meta ) { #>
-					{{{ data.compat.meta }}}
-				<# } #>
+				<div class="compat-meta">
+					<# if ( data.compat && data.compat.meta ) { #>
+						{{{ data.compat.meta }}}
+					<# } #>
+				</div>
 			</div>
 		</div>