From 3e0d296646e0052f380cd580ea9ca06766e715b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Albert=20Juh=C3=A9=20Lluveras?= <contact@albertjuhe.com>
Date: Thu, 13 Jun 2019 18:07:02 +0200
Subject: [PATCH] Fix search bar in Orders page not being tapable on mobile
 (https://github.com/woocommerce/woocommerce-admin/pull/2384)

* Fix search bar in Orders page not being tapable on mobile

* Cleanup

* Remove unnecessary duplicated media-query

* Cleanup
---
 .../client/stylesheets/shared/_embed.scss                | 8 +++++++-
 .../client/stylesheets/shared/_reset.scss                | 9 ++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/client/stylesheets/shared/_embed.scss b/plugins/woocommerce-admin/client/stylesheets/shared/_embed.scss
index c3977e4d71f..d7461def4ff 100644
--- a/plugins/woocommerce-admin/client/stylesheets/shared/_embed.scss
+++ b/plugins/woocommerce-admin/client/stylesheets/shared/_embed.scss
@@ -11,7 +11,13 @@
 	}
 
 	.wrap {
-		padding: 20px;
+		padding: 20px 20px 0;
+
+		@include breakpoint( '<782px' ) {
+			p.search-box {
+				width: calc(100% - 40px);
+			}
+		}
 	}
 
 	#woocommerce-embedded-root.is-embed-loading + #wpbody .wrap {
diff --git a/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss b/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss
index 4433915853d..5a750e5a6b4 100644
--- a/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss
+++ b/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss
@@ -6,17 +6,24 @@
 	}
 
 	#wpcontent,
-	#wpbody-content {
+	&.woocommerce_page_wc-admin #wpbody-content {
 		padding: 0;
 		overflow-x: hidden !important;
 		min-height: calc(100vh - #{$adminbar-height});
 	}
 
+	@include breakpoint( '>782px' ) {
+		#wpbody-content {
+			padding: 0;
+		}
+	}
+
 	@include breakpoint( '<782px' ) {
 		// WP breakpoint for mobile menu
 		.wp-responsive-open #wpbody {
 			right: -14.5em;
 		}
+
 		#wpcontent,
 		#wpbody-content {
 			min-height: calc(100vh - #{$adminbar-height-mobile});