From 02b87e80c4de057f6f2c0649cf5bd7900c9545a9 Mon Sep 17 00:00:00 2001
From: Tamara <tamara.zelenko555@yandex.ru>
Date: Sun, 7 Jan 2024 02:57:33 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=BC=D0=B5=D0=BD=D0=B0=20=D0=BF=D0=BE?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=B6=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B1=D0=BB=D0=BE?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=B2=20=D1=84=D0=BE=D1=80=D0=BC=D1=8B=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BD=D1=82=D0=B0=D0=BA=D1=82=D0=BE=D0=B2=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B8=20=D1=83=D0=B2=D0=B5=D0=BB=D0=B8=D1=87=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B8=20=D0=BA=D0=BE=D0=BB=D0=B8=D1=87=D0=B5=D1=81=D1=82=D0=B2?=
 =?UTF-8?q?=D0=B0=20=D0=BF=D0=BE=D0=BB=D0=B5=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ViewPublicationPage/ContactForm.tsx | 30 ++++++++++++++++---
 src/pages/ViewPublicationPage/ResultForm.tsx  |  1 +
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/pages/ViewPublicationPage/ContactForm.tsx b/src/pages/ViewPublicationPage/ContactForm.tsx
index 5e9a9f63..dd694179 100644
--- a/src/pages/ViewPublicationPage/ContactForm.tsx
+++ b/src/pages/ViewPublicationPage/ContactForm.tsx
@@ -76,7 +76,7 @@ export const ContactForm = ({
   const mode = modes;
   const { questions } = useQuestionsStore();
   const theme = useTheme();
-  const isMobile = useMediaQuery(theme.breakpoints.down(600));
+  const isMobile = useMediaQuery(theme.breakpoints.down(850));
   const [ready, setReady] = useState(false);
   const followNextForm = () => {
     setShowContactForm(false);
@@ -98,6 +98,18 @@ export const ContactForm = ({
     }
   });
 
+  let FCcopy: any = quiz?.config.formContact.fields;
+  let filteredFC = {};
+  for (let i in FCcopy) {
+    let field = FCcopy[i];
+
+    if (field.used) {
+      filteredFC[i] = field;
+    }
+  }
+  let isWide = Object.keys(filteredFC).length > 2;
+  console.log(isWide);
+
   return (
     <Box
       sx={{
@@ -106,17 +118,27 @@ export const ContactForm = ({
         justifyContent: "center",
         backgroundColor: theme.palette.background.default,
         height: "100vh",
+        overflow: "auto",
       }}
     >
       <Box
         sx={{
-          width: isMobile ? "330px" : "530px",
+          width: isWide && !isMobile ? "100%" : isMobile ? undefined : "530px",
           borderRadius: "4px",
-          overflow: "auto",
           height: "90vh",
+          display: isWide && !isMobile ? "flex" : undefined,
         }}
       >
-        <Box>
+        <Box
+          sx={{
+            width: isWide && !isMobile ? "100%" : undefined,
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRight: isWide && !isMobile ? "1px solid gray" : undefined,
+          }}
+        >
           <Typography
             sx={{
               textAlign: "center",
diff --git a/src/pages/ViewPublicationPage/ResultForm.tsx b/src/pages/ViewPublicationPage/ResultForm.tsx
index c230376e..a0a7d6c7 100644
--- a/src/pages/ViewPublicationPage/ResultForm.tsx
+++ b/src/pages/ViewPublicationPage/ResultForm.tsx
@@ -75,6 +75,7 @@ export const ResultForm = ({
         height: isMobile ? undefined : "100vh",
         width: "100vw",
         pt: "28px",
+        overflow: "auto",
       }}
     >
       <Box