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

lib/components/ViewPublicationPage/ResultForm.tsx

@@ -87,10 +87,7 @@ export const ResultForm = ({ resultQuestion }: ResultFormProps) => {
                     <Typography
                         sx={{
                             fontSize: "14px",
-                            color:
-                                settings.cfg.startpageType === "expanded"
-                                    ? "white"
-                                    : theme.palette.text.primary,
+                            color: theme.palette.text.primary,
                             wordBreak: "break-word",
                         }}
                     >

lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx

@@ -140,7 +140,8 @@ const ExpandedMobileLayout = ({
         left: 0,
         top: 0,
         width: "100%",
-        minHeight: "100%",
+        height: "100%",
+        // minHeight: "100%",
         overflow: "hidden",
         "& > img": {
           display: "block",

lib/components/ViewPublicationPage/questions/Emoji.tsx

@@ -168,11 +168,12 @@ export const Emoji = ({ currentQuestion }: EmojiProps) => {
                                         variant.answer.length <= 60 ? "center" : "flex-start",
                                     position: "relative",
                                     height: "80px",
+                                    justifyContent: "center",
                                     "& .MuiFormControlLabel-label": {
                                         wordBreak: "break-word",
                                         height: variant.answer.length <= 60 ? undefined : "60px",
                                         overflow: "auto",
-                                        paddingLeft: "45px",
+                                        // paddingLeft: "45px",
                                         "&::-webkit-scrollbar": {
                                             width: "4px",
                                         },

lib/components/ViewPublicationPage/questions/Rating.tsx

@@ -83,7 +83,6 @@ export const Rating = ({ currentQuestion }: RatingProps) => {
                     gap: "20px",
                     marginTop: "20px",
                     flexDirection: "column",
-                    width: isMobile ? "100%" : undefined,
                 }}
             >
                 <Box
@@ -116,9 +115,9 @@ export const Rating = ({ currentQuestion }: RatingProps) => {
                         }}
                         sx={{
                             height: "50px",
-                            gap: isMobile ? undefined : "15px",
                             opacity: "1!important",
-                            "& .MuiRating-root.Mui-disabled": { opacity: "1!important" }
+                            "& .MuiRating-root.Mui-disabled": { opacity: "1!important" },
+                            "& .MuiRating-icon": {mr: isMobile ? undefined : "15px"}
                         }}
                         max={currentQuestion.content.steps}
                         icon={form?.icon(theme.palette.primary.main, isMobile ? 30 : isTablet ? 40 : 50)}
@@ -135,7 +134,6 @@ export const Rating = ({ currentQuestion }: RatingProps) => {
                 >
                     <Typography sx={{
                         color: "#9A9AAF"
-                        // color: theme.palette.grey2.main
                     }}>
                         {currentQuestion.content.ratingNegativeDescription}
                     </Typography>

lib/components/ViewPublicationPage/questions/Varimg.tsx

@@ -105,6 +105,7 @@ export const Varimg = ({ currentQuestion }: VarimgProps) => {
                                             : "#9A9AAF",
                                     display: "flex",
                                     margin: 0,
+                                    justifyContent: "space-between",
                                     "&:hover": { borderColor: theme.palette.primary.main },
                                     "& .MuiFormControlLabel-label": {
                                         wordBreak: "break-word",

src/App.tsx

@@ -3,7 +3,7 @@ import { useParams } from "react-router-dom";
 import QuizAnswerer from "../lib/components/QuizAnswerer";
 
 // const defaultQuizId = "45ef7f9c-784d-4e58-badb-f6b337f08ba0"; // branching
-const defaultQuizId = "0c568ac9-d176-491b-b6cd-5afd31254951"; //looooong header
+const defaultQuizId = "3c49550d-8c77-4788-bc2d-42586a261514"; //looooong header
 // const defaultQuizId = "ad7f5a87-b833-4f5b-854e-453706ed655c"; // linear
 
 export default function App() {