Merge branch 'dev' into 'staging'

fix mobile visual

See merge request frontend/squiz!356

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>

src/pages/createQuize/CreateButtons.tsx

@@ -36,7 +36,7 @@ export default function CreateButtons ({mt}: string) {
                     }}
                 >
                     <TemplateIcon />
-                    <Typography>Посмотреть шаблоны</Typography>
+                    {!isMobile && <Typography>Посмотреть шаблоны</Typography>}
                 </Button>
             </Link>
             <Button

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 >
   );
 };