From 03b2bf2cc64ae3e2004144cebfe2179b3bb366ac Mon Sep 17 00:00:00 2001
From: aleksandr-raw <104529174+aleksandr-raw@users.noreply.github.com>
Date: Thu, 2 May 2024 14:39:09 +0400
Subject: [PATCH] fixed centered start page design

---
 .../StartPageViewPublication/index.tsx         | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx
index 85f7b40..37a2700 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: isMobile? "start" : "center",
+                                justifyContent: settings.cfg.startpageType === "standard" && isMobile? "start" : "center",
                                 flexGrow: settings.cfg.startpageType === "centered" ? 0 : 1,
                                 alignItems:
                                     settings.cfg.startpageType === "centered"
@@ -244,29 +244,29 @@ export const StartPageViewPublication = () => {
                                         : 0,
                                 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",
+                                justifyContent: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && isMobile || settings.cfg.startpageType === "centered"  && isMobile ? "center" : "space-between",
                                 width: "100%",
                                 flexWrap: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" ? isMobile ? "wrap-reverse" : "nowrap" : "wrap",
                             }}
                         >
                             {settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && !isMobile && quizHeaderBlock}
                             <Box sx={{ maxWidth: "300px",
-                                display: settings.cfg.startpageType === "centered" || settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && isMobile ? "flex" : "block",
+                                display: settings.cfg.startpageType === "centered" && isMobile || settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && isMobile ? "flex" : "block",
                                 flexDirection: "column",
                                 alignItems: "center",
                                 order: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center"? "2" : "0"}}>
                                 {settings.cfg.info.site && (
                                     <Link  href={settings.cfg.info.site}
-                                    sx={{marginBottom: settings.cfg.startpageType === "centered" && isMobile ? "0" : "16px"}}
                                     >
                                         <Typography
                                             sx={{
+                                                lineHeight: "19px",
                                                 fontSize: "16px",
+                                                textAlign: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && !isMobile ? "end" : "none",
                                                 color: theme.palette.primary.main,
                                                 overflow: "hidden",
                                                 textOverflow: "ellipsis",
                                                 whiteSpace: "nowrap",
-                                                maxWidth: isTablet ? "200px" : "300px",
                                             }}
                                         >
                                             {settings.cfg.info.site}
@@ -278,6 +278,8 @@ export const StartPageViewPublication = () => {
                                         <Link href={`tel:${settings.cfg.info.phonenumber}`}>
                                             <Typography
                                                 sx={{
+                                                    lineHeight: "19px",
+                                                    textAlign: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" ? "end" : "none",
                                                     fontSize: "16px",
                                                     color:
                                                         settings.cfg.startpageType === "expanded"
@@ -292,7 +294,9 @@ export const StartPageViewPublication = () => {
                                         <ButtonBase onClick={handleCopyNumber}>
                                             <Typography
                                                 sx={{
+                                                    textAlign: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" ? "end" : "none",
                                                     fontSize: "16px",
+                                                    lineHeight: "19px",
                                                     color:
                                                         settings.cfg.startpageType === "expanded"
                                                             ? "#FFFFFF"
@@ -306,6 +310,8 @@ export const StartPageViewPublication = () => {
                                 ) : (
                                     <Typography
                                         sx={{
+                                            lineHeight: "19px",
+                                            textAlign: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" ? "end" : "none",
                                             fontSize: "16px",
                                             marginTop: "10px",
                                             color:
@@ -319,9 +325,11 @@ export const StartPageViewPublication = () => {
                                 )}
                                 <Typography
                                     sx={{
+                                        lineHeight: "14px",
                                         width: "100%",
                                         overflowWrap: "break-word",
                                         fontSize: "12px",
+                                        textAlign: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" ? "end" : "none",
                                         maxHeight: "120px",
                                         overflow: "auto",
                                         marginTop: "10px",