From b8bd3c0b7047841f5219971cc45267d407f320e6 Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Tue, 21 Oct 2025 22:58:23 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=BD=D0=B0=20=D0=B2=D1=81=D0=B5?=
 =?UTF-8?q?=D1=85=20=D1=82=D0=B8=D0=BF=D0=B0=D1=85=20=D1=81=D1=82=D0=B0?=
 =?UTF-8?q?=D1=80=D1=82=D0=BE=D0=B2=D0=BE=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../StartPageViewPublication/OverTime.tsx     | 10 ++--
 .../StartPageViewPublication/index.tsx        | 50 +++++++++++++++++--
 2 files changed, 52 insertions(+), 8 deletions(-)

diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/OverTime.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/OverTime.tsx
index 4feeaef..7a64760 100644
--- a/lib/components/ViewPublicationPage/StartPageViewPublication/OverTime.tsx
+++ b/lib/components/ViewPublicationPage/StartPageViewPublication/OverTime.tsx
@@ -1,10 +1,14 @@
-import { Box, Typography, useTheme } from "@mui/material";
+import { Box, Typography, useTheme, SxProps, Theme } from "@mui/material";
 import { useQuizStore } from "@stores/useQuizStore";
 import moment from "moment";
 import React from "react";
 import { useTranslation } from "react-i18next";
 
-export const OverTime = () => {
+type OverTimeProps = {
+  sx?: SxProps<Theme>;
+};
+
+export const OverTime = ({ sx }: OverTimeProps) => {
   const theme = useTheme();
   const { settings } = useQuizStore();
   const { t } = useTranslation();
@@ -52,13 +56,13 @@ export const OverTime = () => {
 
   return (
     <Box
-      id="here"
       sx={{
         width: "225px",
         backgroundColor: (theme.palette as any).paperBackground,
         boxShadow: "1px 1px 4px 0px rgba(51, 54, 71, 0.29)",
         borderRadius: "8px",
         p: "10px",
+        ...sx,
       }}
     >
       <Typography
diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx
index 8fc741c..5c5b127 100644
--- a/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx
+++ b/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx
@@ -99,6 +99,12 @@ export const StartPageViewPublication = () => {
     <Box
       sx={{
         margin: settings.cfg.startpageType === "centered" ? "0 auto" : null,
+        display:
+          isMobile && settings.cfg.startpage.position === "center" && settings.cfg.startpageType === "expanded"
+            ? "flex"
+            : "block",
+        flexDirection: "column",
+        alignItems: "center",
       }}
     >
       <Box
@@ -148,8 +154,9 @@ export const StartPageViewPublication = () => {
         >
           {settings.cfg.info.orgname}
         </Typography>
-        <OverTime />
       </Box>
+      {((settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position !== "center") ||
+        (isMobile && settings.cfg.startpageType === "expanded")) && <OverTime />}
     </Box>
   );
 
@@ -163,12 +170,12 @@ export const StartPageViewPublication = () => {
         alignItems: "center",
         gap: "7px",
         textDecoration: "none",
-        marginLeft:
+        mr:
           settings.cfg.startpageType === "expanded" &&
           settings.cfg.startpage.position === "center" &&
           !isTablet &&
           !isMobile
-            ? "61px"
+            ? "27px"
             : undefined,
       }}
     >
@@ -359,6 +366,15 @@ export const StartPageViewPublication = () => {
                       : "0",
                 }}
               >
+                {((isMobile && settings.cfg.startpageType === "centered") ||
+                  settings.cfg.startpageType === "standard") && (
+                  <OverTime
+                    sx={{
+                      m: isMobile && settings.cfg.startpageType === "centered" ? "54px 0 20px" : "0",
+                      ml: settings.cfg.startpageType === "standard" && !isMobile ? "100%" : "0",
+                    }}
+                  />
+                )}
                 {settings.cfg.info.site && (
                   <ButtonBase
                     onClick={onSiteClick}
@@ -489,8 +505,32 @@ export const StartPageViewPublication = () => {
                   {settings.cfg.info.law}
                 </Typography>
               </Box>
-              {show_badge && PenaBadge}
-              здравствуй
+              <Box
+                sx={{
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: "16px",
+                  alignItems: isMobile ? "center" : "end",
+                }}
+              >
+                {((!isMobile && settings.cfg.startpageType === "centered") ||
+                  (!isMobile &&
+                    settings.cfg.startpageType === "expanded" &&
+                    settings.cfg.startpage.position === "center")) && (
+                  <OverTime
+                    sx={{
+                      ml:
+                        !isMobile &&
+                        settings.cfg.startpageType === "expanded" &&
+                        settings.cfg.startpage.position === "center"
+                          ? "91px"
+                          : "0",
+                    }}
+                  />
+                )}
+
+                {show_badge && PenaBadge}
+              </Box>
             </Box>
           </>
         }