#522: Fixed hybrid gmail and outlook app to properly work

frontend/src/views/AppCreator.jsx

@@ -1153,6 +1153,8 @@ const AppCreator = (props) => {
 
 				 	if (queryitem.name.toLowerCase() == "url"
 					|| queryitem.name.toLowerCase() == "body"
+					|| queryitem.name.toLowerCase() == "self"
+					|| queryitem.name.toLowerCase() == "ssl_verify"
 					|| queryitem.name.toLowerCase() == "queries"
 					|| queryitem.name.toLowerCase() == "headers"
 					|| queryitem.name.includes("[") 

frontend/src/views/Apps.jsx

@@ -1069,9 +1069,12 @@ const Apps = (props) => {
 							<CircularProgress style={{width: 40, height: 40, margin: "auto"}}/>
 							:
 							<Paper square style={uploadViewPaperStyle}>
-								<h4 style={{margin: 10}}>
+								<Typography variant="h6" style={{margin: 10}}>
 									No apps have been created, uploaded or downloaded yet. Click "Load existing apps" above to get the baseline. This may take a while as its building docker images.
-								</h4>
+								</Typography>
+								<Typography variant="h6" style={{margin: 10}}>
+									If you're still not able to see any apps, please follow our <a href={"https://shuffler.io/docs/troubleshooting#load_all_apps_locally"} style={{textDecoration: "none", color: "#f85a3e"}} target="_blank">troubleshooting guide for loading apps!</a>
+								</Typography>
 							</Paper>
 						}
 					</div>

frontend/src/views/Docs.jsx

@@ -187,6 +187,7 @@ const Docs = (props) => {
 	}
 
 	const parseElementScroll = () => {
+		const offset = 45
 		var parent = document.getElementById("markdown_wrapper_outer")
 		if (parent !== null) {
 			//console.log("IN PARENT")
@@ -204,7 +205,12 @@ const Docs = (props) => {
 
 				// Fix location..
 				if (element.innerHTML.toLowerCase() === name) {
-					element.scrollIntoView({behavior: "smooth"})
+					console.log(element.offsetTop)
+					//element.scrollIntoView({behavior: "smooth"})
+					element.scrollTo({
+						top: element.offsetTop+offset,
+						behavior: "smooth"
+					})
 					found = true
 					//element.scrollTo({
 					//	top: element.offsetTop-100,
@@ -226,7 +232,11 @@ const Docs = (props) => {
 
 					// Fix location..
 					if (element.innerHTML.toLowerCase() === name) {
-						element.scrollIntoView({behavior: "smooth"})
+						//element.scrollIntoView({behavior: "smooth"})
+						element.scrollTo({
+							top: element.offsetTop-offset,
+							behavior: "smooth"
+						})
 						found = true
 						//element.scrollTo({
 							//	top: element.offsetTop-100,