From 02c8d36bc86590ad185a6cf25f448ef2cbb52a9a Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Sat, 13 Jul 2024 12:46:53 +0300
Subject: [PATCH] fix mobile visual

---
 .../AmoRemoveAccount/AmoRemoveAccount.tsx              |  1 +
 src/pages/createQuize/CreateButtons.tsx                |  2 +-
 src/ui_kit/Sidebar/SidebarMobile.tsx                   | 10 ++++++++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/pages/IntegrationsPage/IntegrationsModal/AmoRemoveAccount/AmoRemoveAccount.tsx b/src/pages/IntegrationsPage/IntegrationsModal/AmoRemoveAccount/AmoRemoveAccount.tsx
index 0547a7b2..cffd24eb 100644
--- a/src/pages/IntegrationsPage/IntegrationsModal/AmoRemoveAccount/AmoRemoveAccount.tsx
+++ b/src/pages/IntegrationsPage/IntegrationsModal/AmoRemoveAccount/AmoRemoveAccount.tsx
@@ -47,6 +47,7 @@ export const AmoRemoveAccount: FC<Props> = ({
                     variant="contained"
                     sx={{
                         width: "150px",
+                        mb: "15px"
                     }}
                     onClick={stopThisPage}
                 >отмена</Button>
diff --git a/src/pages/createQuize/CreateButtons.tsx b/src/pages/createQuize/CreateButtons.tsx
index 65012251..a0fc50a7 100644
--- a/src/pages/createQuize/CreateButtons.tsx
+++ b/src/pages/createQuize/CreateButtons.tsx
@@ -36,7 +36,7 @@ export default function CreateButtons ({mt}: string) {
                     }}
                 >
                     <TemplateIcon />
-                    <Typography>Посмотреть шаблоны</Typography>
+                    {!isMobile && <Typography>Посмотреть шаблоны</Typography>}
                 </Button>
             </Link>
             <Button
diff --git a/src/ui_kit/Sidebar/SidebarMobile.tsx b/src/ui_kit/Sidebar/SidebarMobile.tsx
index f708b5e5..55016867 100644
--- a/src/ui_kit/Sidebar/SidebarMobile.tsx
+++ b/src/ui_kit/Sidebar/SidebarMobile.tsx
@@ -163,7 +163,13 @@ export const SidebarMobile: FC<Iprops> = ({ open, changePage, setHeightSitebar,
             ) : (
               <Typography
                 color={"white"}
-                sx={{ wordBreak: "break-word" }}
+                sx={{
+                  wordBreak: "break-word",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  width: "175px",
+                }}
               >
                 {quiz.name}
               </Typography>
@@ -296,6 +302,6 @@ export const SidebarMobile: FC<Iprops> = ({ open, changePage, setHeightSitebar,
         id={id}
         changePage={changePage}
       />
-    </Box>
+    </Box >
   );
 };