From d65dc545c5959217f43f9f96f5328651e532a454 Mon Sep 17 00:00:00 2001
From: Joe Dolson <joedolson@git.wordpress.org>
Date: Tue, 12 Apr 2022 16:48:49 +0000
Subject: [PATCH] Media: Fix editing controls covering image edit region.

Move the editing control sidebar for mobile image editing below the image edit region so image is not obscured.

Props mor10, HristoK, certainstrings, joedolson.
Fixes #30154.

git-svn-id: https://develop.svn.wordpress.org/trunk@53162 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/media.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css
index 623b5b15a4..d1f333e343 100644
--- a/src/wp-admin/css/media.css
+++ b/src/wp-admin/css/media.css
@@ -1268,6 +1268,25 @@ audio, video {
 	.copy-to-clipboard-container .success {
 		font-size: 14px;
 	}
+
+	/* Restructure image editor on narrow viewports. */
+	.imgedit-crop-wrap img{
+		width: 100%;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-panel-content,
+	.media-modal .imgedit-wrap .imgedit-settings {
+		position: initial !important;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-settings {
+		box-sizing: border-box;
+		width: 100% !important;
+	}
+
+	.imgedit-settings .imgedit-scale-button-wrapper {
+		display: inline-block;
+	}
 }
 
 @media only screen and (max-width: 600px) {