Fixed issues in app creator

frontend/src/views/AppCreator.jsx

@@ -2194,7 +2194,7 @@ const AppCreator = (props) => {
   const extraKeys = (
     <div style={{ marginTop: 50 }}>
       <div style={{ display: "flex" }}>
-        <Typography variant="body1">Extra configuration items</Typography>
+        <Typography variant="body1">Extra authentication</Typography>
         {extraAuth.length === 0 ? (
           <Button
             color="primary"
@@ -3119,6 +3119,15 @@ const AppCreator = (props) => {
     <Dialog
       open={actionsModalOpen}
       fullWidth
+			PaperProps={{
+        style: {
+          backgroundColor: surfaceColor,
+          color: "white",
+          minWidth: 500,
+          maxWidth: 500,
+					maxHeight: 800,
+        },
+      }}
       onClose={() => {
         setUrlPath("");
         setCurrentAction({
@@ -3430,6 +3439,14 @@ const AppCreator = (props) => {
                 }
               }
 
+							if (baseUrl !== undefined && baseUrl !== null && parsedurl.startsWith(baseUrl)) {
+      					parsedurl = parsedurl.replaceAll(baseUrl, "");
+							}
+
+							if (parsedurl.includes("?")) {
+								parsedurl = parsedurl.split("?")[0]
+							}
+
               if (event.target.value !== parsedurl) {
                 setUrlPath(parsedurl);
                 setActionField("url", parsedurl);
@@ -4701,6 +4718,7 @@ const AppCreator = (props) => {
               type="name"
               id="outlined-with-placeholder"
               margin="normal"
+							multiline
               variant="outlined"
               placeholder="A description for the service"
               value={description}
@@ -4779,8 +4797,9 @@ const AppCreator = (props) => {
             setBaseUrl(tmpstring);
           }}
         />
-        <FormControl style={{ marginTop: 30 }} variant="outlined">
+				<div style={{padding: 25, border: "2px solid rgba(255,255,255,0.7)", borderRadius: theme.palette.borderRadius, }}>
-          <Typography variant="body1">Authentication type</Typography>
+					<FormControl style={{ }} variant="outlined">
+						<Typography variant="h6">Authentication</Typography>
 						<Select
 							fullWidth
 							onChange={(e) => {
@@ -4809,12 +4828,14 @@ const AppCreator = (props) => {
 							))}
 						</Select>
 					</FormControl>
+					<div style={{marginTop: 15 }} />
 					{basicAuth}
 					{bearerAuth}
 					{apiKey}
 					{oauth2Auth}
 					{jwtAuth}
 					{extraKeys}
+				</div>
 
         {/*authenticationOption === "No authentication" ? null :
 						<FormControlLabel