From 38e09fe63a4eeefda1b3a541b30c8b51a38c221e Mon Sep 17 00:00:00 2001
From: Dmitry Kulak <dmitry.kulak11@gmail.com>
Date: Mon, 10 Jan 2022 19:17:23 +0300
Subject: [PATCH] Web: Studio: Header: Fixed margin for logo on Personal

---
 .../NavMenu/sub-components/header.js          | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/web/ASC.Web.Client/src/components/NavMenu/sub-components/header.js b/web/ASC.Web.Client/src/components/NavMenu/sub-components/header.js
index 844b0ed1d7..49f26b3a8d 100644
--- a/web/ASC.Web.Client/src/components/NavMenu/sub-components/header.js
+++ b/web/ASC.Web.Client/src/components/NavMenu/sub-components/header.js
@@ -40,6 +40,7 @@ const Header = styled.header`
 
   .header-logo-wrapper {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    height: 26px;
 
     ${NoUserSelect}
     ${(props) =>
@@ -87,24 +88,14 @@ const Header = styled.header`
 
   .header-logo-icon {
     width: ${(props) => (props.isPersonal ? "220px" : "146px")};
-    ${(props) => props.isPersonal && `margin-left: 20px;`}
     height: 24px;
     position: relative;
-    padding: ${(props) => (!props.isPersonal ? "0 20px 0 6px" : "0")};
-    margin-left: ${(props) => (props.needNavMenu ? "0" : "10px")};
+    padding: 0 20px 0 6px;
+    margin-left: 14px;
     cursor: pointer;
 
     @media ${tablet} {
-      ${(props) => props.isPersonal && `margin-left: 16px;`}
-    }
-
-    @media (max-width: 620px) {
-      ${(props) =>
-        !props.isPersonal &&
-        css`
-          display: ${(props) => (props.module ? "none" : "block")};
-          padding: 3px 20px 0 6px;
-        `}
+      margin-left: 10px;
     }
   }
   .mobile-short-logo {
@@ -175,7 +166,7 @@ const HeaderComponent = ({
   const handleItemClick = (e) => {
     onItemClick(e);
     backdropClick();
-  }
+  };
 
   const numberOfModules = mainModules.filter((item) => !item.separator).length;
   const needNavMenu = currentProductId !== "home";