правки по дизайну

src/pages/ViewPublicationPage/Question.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { Box, useTheme } from "@mui/material";
+import {Box, useMediaQuery, useTheme} from "@mui/material";
 
 import { useQuestionsStore } from "@root/quizData/store"
 import { getQuestionById } from "@root/quizData/actions";
@@ -46,6 +46,7 @@ const QUESTIONS_MAP: any = {
 
 export const Question = ({ questions }: QuestionProps) => {
   const { settings } = useQuestionsStore()
+  const theme = useTheme();  const isMobile = useMediaQuery(theme.breakpoints.down(650));
   const [currentQuestion, setCurrentQuestion] = useState<AnyTypedQuizQuestion>();
   const [showContactForm, setShowContactForm] = useState<boolean>(false);
   const [showResultForm, setShowResultForm] = useState<boolean>(false);
@@ -71,14 +72,14 @@ export const Question = ({ questions }: QuestionProps) => {
 
   const QuestionComponent =
     QUESTIONS_MAP[currentQuestion.type as Exclude<QuestionType, "nonselected">];
-  const theme = useTheme();
+
   return (
     <Box
       sx={{
-        backgroundColor: theme.palette.background.default
+        backgroundColor: theme.palette.background.default,
+        height: isMobile ? undefined : "100vh"
       }}
 
-      height="100vh"
     >
       {!showContactForm && !showResultForm && (
         <Box

src/pages/ViewPublicationPage/ResultForm.tsx

@@ -66,7 +66,7 @@ export const ResultForm = ({
           flexDirection: "column",
           alignItems: "center",
           justifyContent: "space-between",
-          height: "100vh",
+          height: isMobile ? undefined : "100vh",
           width: "100vw",
           pt: "28px",
         }}

src/pages/ViewPublicationPage/StartPageViewPublication.tsx

@@ -432,7 +432,7 @@ function QuizPreviewLayoutByType({
                 padding: "16px",
                 display: "flex",
                 flexDirection: "column",
-                justifyContent: "center",
+                justifyContent: "space-between",
                 alignItems: "center",
                 height: "100%",
                 "&::-webkit-scrollbar": { width: 0 },