diff --git a/lib/components/ViewPublicationPage/ResultForm.tsx b/lib/components/ViewPublicationPage/ResultForm.tsx index 5d9432c..0c1b4e7 100644 --- a/lib/components/ViewPublicationPage/ResultForm.tsx +++ b/lib/components/ViewPublicationPage/ResultForm.tsx @@ -87,10 +87,7 @@ export const ResultForm = ({ resultQuestion }: ResultFormProps) => { diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx index 4ce8f5a..a3e7769 100644 --- a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx +++ b/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", diff --git a/lib/components/ViewPublicationPage/questions/Emoji.tsx b/lib/components/ViewPublicationPage/questions/Emoji.tsx index e46f8e4..d0edfbe 100644 --- a/lib/components/ViewPublicationPage/questions/Emoji.tsx +++ b/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", }, diff --git a/lib/components/ViewPublicationPage/questions/Rating.tsx b/lib/components/ViewPublicationPage/questions/Rating.tsx index cc916c9..3423b3a 100644 --- a/lib/components/ViewPublicationPage/questions/Rating.tsx +++ b/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, }} > { }} 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) => { > {currentQuestion.content.ratingNegativeDescription} diff --git a/lib/components/ViewPublicationPage/questions/Varimg.tsx b/lib/components/ViewPublicationPage/questions/Varimg.tsx index 8dab0a1..6a7cdd5 100644 --- a/lib/components/ViewPublicationPage/questions/Varimg.tsx +++ b/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", diff --git a/src/App.tsx b/src/App.tsx index 957f2b1..f30fc5f 100644 --- a/src/App.tsx +++ b/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() {