Media: Prevent shifting on details update in media modal.

Fix issue where the image details would shift position during AJAX updates in the media modal. Occurred when the Attachment Details heading was translated into a language where the text no longer alowed space for the 'Saved' message to the right of the message.

Props pavelevap, SergeyBiryukov, antpb, joedolson, shailu25.
Fixes #27914.
Built from https://develop.svn.wordpress.org/trunk@58352


git-svn-id: http://core.svn.wordpress.org/trunk@57804 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-includes/css/media-views-rtl.css

@@ -383,6 +383,11 @@
 	margin: 0 0 10px;
 }
 
+.attachment-details h2 {
+	display: grid;
+	grid-template-columns: auto 5em;
+}
+
 .media-sidebar .collection-settings .setting {
 	margin: 1px 0;
 }
@@ -1724,6 +1729,12 @@
 	vertical-align: middle;
 }
 
+.media-frame .media-sidebar .settings-save-status .spinner {
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+
 .media-frame.mode-grid .spinner {
 	margin: 0;
 	float: none;
@@ -1753,7 +1764,7 @@
 }
 
 .attachment-details .settings-save-status {
-	float: left;
+	text-align: left;
 	text-transform: none;
 	font-weight: 400;
 }

wp-includes/css/media-views.css

@@ -382,6 +382,11 @@
 	margin: 0 0 10px;
 }
 
+.attachment-details h2 {
+	display: grid;
+	grid-template-columns: auto 5em;
+}
+
 .media-sidebar .collection-settings .setting {
 	margin: 1px 0;
 }
@@ -1723,6 +1728,12 @@
 	vertical-align: middle;
 }
 
+.media-frame .media-sidebar .settings-save-status .spinner {
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
 .media-frame.mode-grid .spinner {
 	margin: 0;
 	float: none;
@@ -1752,7 +1763,7 @@
 }
 
 .attachment-details .settings-save-status {
-	float: right;
+	text-align: right;
 	text-transform: none;
 	font-weight: 400;
 }

wp-includes/version.php

@@ -16,7 +16,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '6.6-beta1-58351';
+$wp_version = '6.6-beta1-58352';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.