diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx index 11061de..323ab8d 100644 --- a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx +++ b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx @@ -59,7 +59,7 @@ const StandartLayout = ({ flexDirection: "column", justifyContent: "space-between", alignItems: "flex-start", - p: "25px", + p: isTablet? "25px" : alignType === 'left'? "25px 25px 25px 35px" : "25px 35px 25px 25px" , overflowY: "auto", background: settings.cfg.design && !quizThemes[settings.cfg.theme].isLight diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx index 166465f..0871df4 100644 --- a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx +++ b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx @@ -49,7 +49,7 @@ const StandartMobileLayout = ({ flexDirection: "column", justifyContent: "space-between", alignItems: "flex-start", - p: "25px", + p: "20px", height: "100%", overflowY: "auto", overflowX: "hidden", @@ -91,6 +91,7 @@ const StandartMobileLayout = ({ flexDirection: "column", justifyContent: "space-between", width: "100%", + marginTop: "30px" }} > {quizMainBlock} diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx index 0efafba..85f7b40 100644 --- a/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx +++ b/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx @@ -153,7 +153,7 @@ export const StartPageViewPublication = () => { sx={{ display: "flex", flexDirection: "column", - justifyContent: "center", + justifyContent: isMobile? "start" : "center", flexGrow: settings.cfg.startpageType === "centered" ? 0 : 1, alignItems: settings.cfg.startpageType === "centered" @@ -170,7 +170,7 @@ export const StartPageViewPublication = () => { { sx={{ fontSize: "17px", fontWeight: "400", - margin: "16px 0 30px", + margin: "12px 0 30px", overflowWrap: "break-word", width: "100%", textAlign: @@ -242,7 +242,7 @@ export const StartPageViewPublication = () => { ? 0 : 1 : 0, - gap: "20px", + gap: isMobile? "30px" : "40px", alignItems: "flex-end", justifyContent: settings.cfg.startpageType === "centered" || settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && isMobile? "center" : "space-between", width: "100%", @@ -307,7 +307,7 @@ export const StartPageViewPublication = () => { { fontSize: "12px", maxHeight: "120px", overflow: "auto", - marginTop: "5px", + marginTop: "10px", "&::-webkit-scrollbar": { width: 0 }, color: settings.cfg.startpageType === "expanded" diff --git a/lib/utils/themes/generic.ts b/lib/utils/themes/generic.ts index 33c01e1..77fb98b 100644 --- a/lib/utils/themes/generic.ts +++ b/lib/utils/themes/generic.ts @@ -1,5 +1,5 @@ -import { createTheme } from "@mui/material"; -import { fontFaces } from "./fontFace"; +import {createTheme} from "@mui/material"; +import {fontFaces} from "./fontFace"; declare module '@mui/material/Button' { interface ButtonPropsVariantOverrides { @@ -100,8 +100,8 @@ const theme = createTheme({ fontWeight: 500, }, fontFamily: [ - "Twemoji Country Flags", '"Lato"', + "Twemoji Country Flags", "-apple-system", "BlinkMacSystemFont", "Arial",