Merge branch '2.0.0' of https://github.com/Shuffle/Shuffle into mergingIssue

frontend/src/components/Billing.jsx

@@ -714,7 +714,10 @@ const Billing = (props) => {
 								userdata.has_card_available === true ?
 									"While you have a card attached to your account, Shuffle will no longer prevent workflows from running. Billing will occur at the start of each month."
 									:
-									`You are not subscribed to any plan and are using the free plan with max 10,000 app runs per month. Upgrade to deactivate this limit.`
+									isCloud ? 
+										`You are not subscribed to any plan and are using the free plan with max 10,000 app runs per month. Upgrade to deactivate this limit.`
+										:
+										`You are not subscribed to any plan and are using the free, open source plan. This plan has no enforced limits, but scale issues may occur due to CPU congestion.` 
 							}
 						</Typography>
 						<div style={{ display: 'flex', flexDirection: 'row' }}>

frontend/src/components/CreatorGrid.jsx

@@ -152,6 +152,7 @@ const CreatorGrid = props => {
     flexWrap: "wrap",
     alignContent: "space-between",
     marginTop: 5,
+	padding:"0px 180px",
   }
 	
 	const Hits = ({ hits }) => {

frontend/src/components/DiscordChat.jsx

@@ -80,7 +80,7 @@ const DiscordChat = props => {
                                 event.preventDefault();
                             }
                         }}
-                        placeholder="Search Discord Chats"
+                        placeholder="Search Discord Chats..."
                         style={{ backgroundColor: theme.palette.inputColor, borderRadius: borderRadius, margin: 10, width: "100%", }}
                         InputProps={{
                             style: {
@@ -148,7 +148,7 @@ const DiscordChat = props => {
     const CustomHits = connectHits(Hits);
 
     return (
-        <div style={{ width: "100%", textAlign:"center", position: "relative", height: "100%", }}>
+        <div style={{textAlign:"center", position: "relative", height: "100%", padding:"0px 240px" }}>
             <InstantSearch searchClient={searchClient} indexName="discord_chat">
                 <div style={{ maxWidth: 450, margin: "auto", marginTop: 15, marginBottom: 5, }}>
                     <CustomSearchBox />

frontend/src/components/DocsGrid.jsx

@@ -279,7 +279,7 @@ const DocsGrid = props => {
 				</Button>
 			</div>
 			*/}
-			<div style={{width: "100%", position: "relative", height: "100%",}}>
+			<div style={{width: "100%", position: "relative", height: "100%", padding: "0px 180px"}}>
 				<InstantSearch searchClient={searchClient} indexName="documentation">
 					<div style={{maxWidth: 450, margin: "auto", marginTop: 15, marginBottom: 15, }}>
 						<CustomSearchBox />

frontend/src/components/ParsedAction.jsx

@@ -563,7 +563,10 @@ const ParsedAction = (props) => {
 	
 	useEffect(() => {
 		selectedNameChange(appActionName)
-		actionDelayChange(delay) 
+
+		if (actionDelayChange !== undefined) {
+			actionDelayChange(delay) 
+		}
 	  },[appActionName,delay])
 	 
 		const handleParamChange = (event, count,data) => {

frontend/src/components/WorkflowGrid.jsx

@@ -204,6 +204,9 @@ const AppGrid = props => {
 					style={{backgroundColor: theme.palette.inputColor, borderRadius: borderRadius, margin: 10, width: "100%",}} 
 					InputProps={{
 						style:{
+							color: "white",
+							fontSize: "1em",
+							height: 50,
 						},
 						startAdornment: (
 							<InputAdornment position="start">
@@ -238,6 +241,8 @@ const AppGrid = props => {
     flexWrap: "wrap",
     alignContent: "space-between",
     marginTop: 5,
+	padding: "0px 180px",
+	width:"auto"
   }
 	
 	var workflowDelay = -50