Revisions: Fix misplaced buttons in comparison UI.

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

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

git-svn-id: https://develop.svn.wordpress.org/trunk@62273 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>