fix responsiveness

Author: Bogdan Tsechoev

ui/packages/platform/src/api/api.js

@@ -465,7 +465,9 @@ class Api {
     if (typeof orgData.model !== 'undefined') {
       data.ai_model = orgData.model;
     }
-    params.data = JSON.stringify(data)
+    params.data = {
+      ai_bot: data
+    }
 
     return this.patch(`${this.apiServer}/orgs?id=eq.` + orgId, params, {
       headers: headers

ui/packages/platform/src/pages/Bot/Messages/Message/Message.tsx

@@ -121,7 +121,7 @@ const useStyles = makeStyles(
       flexWrap: 'wrap',
       alignItems: 'baseline',
       '@media (max-width: 450px)': {
-        height: '2.25rem',
+        height: 'auto',
       }
     },
     additionalInfo: {

ui/packages/platform/src/pages/Bot/SettingsDialog/SettingsDialog.tsx

@@ -5,7 +5,7 @@
  *--------------------------------------------------------------------------
  */
 
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import {
   IconButton,
   TextField,
@@ -193,6 +193,15 @@ export const SettingsDialog = (props: PublicChatDialogProps) => {
     onSaveChanges(model, visibility)
   }
 
+  useEffect(() => {
+    if (visibility !== defaultVisibility) {
+      setVisibility(defaultVisibility)
+    }
+    if (model !== defaultModel) {
+      setModel(defaultModel)
+    }
+  }, [isOpen]);
+
   const urlField = (
     <div>
       <TextField