style fixes

src/App.tsx

@@ -16,14 +16,12 @@ import { PlanComponent } from "components/pages/Plan/PlanComponent";
 import { useAppDispatch, useAppSelector } from "hooks/redux";
 import { fetchCards } from "store/reducers/ActionCreator";
 import { cardSlice } from "store/reducers/cardSlice";
-import { languageSlice } from "store/reducers/languageSlice";
 import { ICards } from "models/ICards";
 
 const App: React.FC = () => {
   const dispatch = useAppDispatch();
   const history = useHistory();
   const { handleCurrentCard } = cardSlice.actions;
-  const { handleChangeLanguage } = languageSlice.actions;
   const { cards, currentCard } = useAppSelector((state) => state.cardReducer);
   const { currentLang } = useAppSelector((state) => state.languageReducer);
 
@@ -50,7 +48,6 @@ const App: React.FC = () => {
   return (
     <Switch>
       <Route exact path="/">
-        <Header></Header>
         <div className="main">
           <h2 className="card-title">{t("demo-title")}</h2>
           <div className="card-container">

src/components/pages/Stream/PopupExit/PopupExit.tsx

@@ -1,6 +1,5 @@
 import "../PopupShare/sharePopup.css";
 import "./PopupExit.css";
-import close from 'images/icons/close.svg'
 
 
 import { useTranslation } from "react-i18next";
@@ -16,9 +15,6 @@ export const PopupExit: React.FC<TSidebarPopup> = ({ setClose, onExit }) => {
         <h2 className="mobile-users-part-header-title">
           {t("popup-control-exit-title")}
         </h2>
-        <div onClick={() => setClose()} className="icon-close-container">
-          <img src={close}></img>
-        </div>
         <div className="exit-popup-button-container">
           <button onClick={() => setClose()} className="button button-primary">
             {t("popup-control-no")}

src/index.css

@@ -27,13 +27,14 @@ button {
 }
 
 .main {
-  margin: 0 auto;
+  margin: 240px auto 0 auto;
   width: 1440px;
   box-sizing: border-box;
 }
 
 @media screen and (max-width: 1440px) {
   .main {
+    margin: 120px auto 0 auto;
     width: 1200px;
   }
 }
@@ -41,14 +42,12 @@ button {
 @media screen and (max-width: 1199px) {
   .main {
     width: 1000px;
-    margin: auto 24px;
   }
 }
 
 @media screen and (max-width: 1024px) {
   .main {
     width: 100%;
-    margin: 0 12px;
   }
 }