From 580d4831054cea7660f0b99a440c6688b6247e23 Mon Sep 17 00:00:00 2001
From: Gary Pendergast <pento@git.wordpress.org>
Date: Tue, 15 Jan 2019 00:19:54 +0000
Subject: [PATCH] Admin: Make the Help tab available on small screens.

Props jobthomas, xkon.
Fixes #43221.



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

diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index e15b871f53..e8fed6bffa 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -2926,6 +2926,42 @@ div.action-links {
 		padding: 12px 16px 0;
 		height: 46px;
 	}
+
+	/* Fix help tab columns for smaller screens */
+	#screen-meta #contextual-help-wrap {
+		overflow: visible;
+	}
+
+	#screen-meta #contextual-help-back,
+	#screen-meta .contextual-help-sidebar {
+		display: none;
+	}
+
+	#screen-meta .contextual-help-tabs {
+		clear: both;
+		width: 100%;
+		float: none;
+	}
+
+	#screen-meta .contextual-help-tabs ul {
+		margin: 0 0 1em;
+		padding: 1em 0 0;
+	}
+
+	#screen-meta .contextual-help-tabs .active {
+		margin: 0;
+	}
+
+	#screen-meta .contextual-help-tabs-wrap {
+		clear: both;
+		max-width: 100%;
+		float: none;
+	}
+
+	#screen-meta-links {
+		margin-bottom: 60px; /* Add margins beneath links for better spacing between boxes and elements */
+	}
+
 }
 
 /* Thickbox for the Plugin details modal. */
@@ -3723,7 +3759,6 @@ img {
 	}
 
 	/* Hidden Elements */
-	#contextual-help-link-wrap,
 	#collapse-menu,
 	.post-format-select {
 		display: none !important;