Administration: Fix plugin and theme installer buttons.

Plugin and theme installer buttons load a dashicon during their updating and updated states. These dashicons were sized to large buttons, and caused a shift in alignment after the switch to compact buttons.

Update CSS to prevent shifts in size and alignment for installer buttons.

Props mohitbsf, peterwilsoncc, adnanhyder, huzaifaalmesbah, noruzzaman, ravichudasama01, shailu25, r1k0, joedolson.
Fixes #64687.

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

Author: joedolson

src/wp-admin/css/list-tables.css

@@ -1452,6 +1452,14 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before {
 	content: "\f147" / '';
 }
 
+.plugin-card .updated-message:before,
+.plugin-card .updating-message:before {
+	line-height: 1;
+	position: relative;
+	top: -2px;
+	vertical-align: middle;
+}
+
 .plugin-install-php #the-list {
 	display: flex;
 	flex-wrap: wrap;

src/wp-admin/css/themes.css

@@ -114,6 +114,8 @@ body.js .theme-browser.search-loading {
 }
 
 /* Use compact size for space-constrained theme cards */
+.theme-browser .theme .theme-actions .button.updated-message,
+.theme-browser .theme .theme-actions .button.updating-message,
 .theme-browser .theme .theme-actions .button {
 	float: none;
 	margin-left: 3px;
@@ -122,6 +124,14 @@ body.js .theme-browser.search-loading {
 	padding: 0 12px;
 }
 
+.theme-browser .theme .theme-actions .button.updated-message::before,
+.theme-browser .theme .theme-actions .button.updating-message::before {
+	line-height: 1;
+	vertical-align: text-bottom;
+	position: relative;
+	top: 2px;
+}
+
 /* Secondary buttons need white background for visibility on semi-transparent overlay */
 .theme-browser .theme .theme-actions .button:not(.button-primary) {
 	background: #fff;