From faa0bcd2c62253ed1ed0ea09a4a9b79b2c747106 Mon Sep 17 00:00:00 2001
From: Adam Silverstein <adamsilverstein@git.wordpress.org>
Date: Thu, 28 Feb 2019 20:10:53 +0000
Subject: [PATCH] Revisions: improve display responsiveness, especially on
 smaller screen sizes.

* Fix an overlap issue with the "Restore this Revision" button that made it difficult to use on phone sized devices.

Props ryan, PranaliPatel, karinedo.
Fixes #33830.



git-svn-id: https://develop.svn.wordpress.org/trunk@44781 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/revisions.css | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/wp-admin/css/revisions.css b/src/wp-admin/css/revisions.css
index 5a97fd99fb1a..9239fca36a6c 100644
--- a/src/wp-admin/css/revisions.css
+++ b/src/wp-admin/css/revisions.css
@@ -6,9 +6,12 @@
 	position: relative;
 }
 
+.revisions-diff-frame {
+    top: 10px;
+}
+
 .revisions-controls {
 	padding-top: 40px;
-	height: 100px;
 	z-index: 1;
 }
 
@@ -111,6 +114,7 @@ body.folded .revisions .loading-indicator {
 	margin-top: 20px;
 	background-color: #fff;
 	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+    overflow: hidden;
 }
 
 .revisions.pinned .revisions-meta {
@@ -294,7 +298,7 @@ table.diff .diff-addedline ins {
 	float: right;
 	margin-left: 6px;
 	margin-right: 6px;
-	margin-top: 4px;
+	margin-top: 2px;
 }
 
 .diff-meta-from {
@@ -565,10 +569,30 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
 	#diff-previous-revision {
 		margin-top: -1em;
 	}
-
+        .revisions-buttons {
+            overflow: hidden;
+            margin-bottom: 15px;
+        }
+
+        .revisions-controls,
+		.comparing-two-revisions .revisions-controls {
+            height: 170px;
+        }
+
+        .revisions-tooltip {
+            bottom: 130px;
+            z-index: 2;
+        }
+
+        .diff-meta {
+            overflow: hidden;
+        }
 	table.diff {
 		-ms-word-break: break-all;
 		word-break: break-all;
 		word-wrap: break-word;
 	}
+        .diff-meta input.restore-revision {
+            margin-top: 0;
+        }
 }