External Media: fix Import Media button styles for WP 7.0 (#48083)

Author: taipeicoder

projects/packages/external-media/changelog/fix-external-media-import-button-wp70-styles

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Media Library: fix Import Media button styling for WordPress 7.0.

projects/packages/external-media/src/features/admin/external-media-import-button.js

@@ -8,7 +8,7 @@ document.addEventListener( 'DOMContentLoaded', function () {
 		buttonContainer.className = 'wpcom-media-library-action-buttons';
 
 		const importButton = document.createElement( 'a' );
-		importButton.className = 'button-secondary';
+		importButton.className = 'page-title-action';
 		importButton.role = 'button';
 		importButton.innerHTML = __( 'Import Media', 'jetpack-external-media' );
 		importButton.href = window.JETPACK_EXTERNAL_MEDIA_IMPORT_BUTTON?.href;

projects/packages/external-media/src/features/admin/external-media-import-button.scss

@@ -8,18 +8,8 @@
 		top: -3px;
 		vertical-align: baseline;
 
-		@media screen and (max-width: 782px) {
-
-			& {
-				margin-left: 0 !important;
-			}
-
-			&.button-secondary {
-				font-size: 14px;
-				padding: 10px 15px;
-				margin-bottom: 0;
-				line-height: 2.15384615;
-			}
+		&.page-title-action {
+			margin-left: 0;
 		}
 	}
 }