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.

git-svn-id: https://develop.svn.wordpress.org/trunk@58352 602fd350-edb4-49c9-b593-d223f7449a82

src/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;
 }