Revisions: Fix misplaced buttons in comparison UI.

Align the Previous, Next, and Restore This Revision buttons consistently across viewports on the revisions comparison screen.

Reviewed by peterwilsoncc.
Merges [62273] to the 7.0 branch.

Props audrasjb, mokshasharmila13, peterwilsoncc, presskopp, shailu25, wildworks.
Fixes #65062.

git-svn-id: https://develop.svn.wordpress.org/branches/7.0@62280 602fd350-edb4-49c9-b593-d223f7449a82

Author: t-hamano

src/wp-admin/css/revisions.css

@@ -309,7 +309,6 @@ table.diff .diff-addedline ins {
 	float: right;
 	margin-left: 6px;
 	margin-right: 6px;
-	margin-top: 2px;
 }
 
 .diff-meta-from {
@@ -632,8 +631,4 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
 		word-break: break-all;
 		word-wrap: break-word;
 	}
-
-	.diff-meta input.restore-revision {
-		margin-top: 0;
-	}
 }

src/wp-admin/includes/revision.php

@@ -370,11 +370,11 @@ function wp_print_revision_templates() {
 
 	<script id="tmpl-revisions-buttons" type="text/html">
 		<div class="revisions-previous">
-			<input class="button" type="button" value="<?php echo esc_attr_x( 'Previous', 'Button label for a previous revision' ); ?>" />
+			<input class="button button-compact" type="button" value="<?php echo esc_attr_x( 'Previous', 'Button label for a previous revision' ); ?>" />
 		</div>
 
 		<div class="revisions-next">
-			<input class="button" type="button" value="<?php echo esc_attr_x( 'Next', 'Button label for a next revision' ); ?>" />
+			<input class="button button-compact" type="button" value="<?php echo esc_attr_x( 'Next', 'Button label for a next revision' ); ?>" />
 		</div>
 	</script>
 
@@ -454,9 +454,9 @@ function wp_print_revision_templates() {
 						<# } #>
 					<?php } ?>
 					<# if ( data.attributes.autosave ) { #>
-						type="button" class="restore-revision button button-primary" value="<?php esc_attr_e( 'Restore This Autosave' ); ?>" />
+						type="button" class="restore-revision button button-primary button-compact" value="<?php esc_attr_e( 'Restore This Autosave' ); ?>" />
 					<# } else { #>
-						type="button" class="restore-revision button button-primary" value="<?php esc_attr_e( 'Restore This Revision' ); ?>" />
+						type="button" class="restore-revision button button-primary button-compact" value="<?php esc_attr_e( 'Restore This Revision' ); ?>" />
 					<# } #>
 				<# } #>
 			</div>