From e0a9fabb0b7c894db1cef6c8112398ab115460b3 Mon Sep 17 00:00:00 2001
From: gopienkonikita <nikita.gopienko@onlyoffice.com>
Date: Thu, 26 Dec 2019 17:08:24 +0300
Subject: [PATCH] Web: Common: fixed help-button styles

---
 .../Section/Body/ProfileInfo/ProfileInfo.js    | 18 +++++++++---------
 web/ASC.Web.Common/src/pages/login/index.js    |  8 ++++++++
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/products/ASC.People/Client/src/components/pages/Profile/Section/Body/ProfileInfo/ProfileInfo.js b/products/ASC.People/Client/src/components/pages/Profile/Section/Body/ProfileInfo/ProfileInfo.js
index 2b00f5a994..6ebcf9d8d6 100644
--- a/products/ASC.People/Client/src/components/pages/Profile/Section/Body/ProfileInfo/ProfileInfo.js
+++ b/products/ASC.People/Client/src/components/pages/Profile/Section/Body/ProfileInfo/ProfileInfo.js
@@ -48,15 +48,18 @@ const InfoItemValue = styled.div`
     }
   }
   .help-icon {
-    margin-top: -8px;
+    display: inline-flex;
+    
+    @media(min-width: 1025px) {
+      margin-top: 6px;
+    }
+    @media(max-width: 1024px) {
+      padding: 6px 8px 8px 8px;
+      margin-left: -8px;
+    }  
   }
 `;
 
-const TooltipIcon = styled.div`
-  padding-top: 6px;
-  display: inline-flex;
-`;
-
 const IconButtonWrapper = styled.div`
   ${props => props.isBefore
     ? `margin-right: 8px;`
@@ -349,7 +352,6 @@ class ProfileInfo extends React.PureComponent {
                 size='content'
                 className='language-combo'
               />
-              <TooltipIcon>
               <HelpButton
                   place="bottom"
                   offsetLeft={50}
@@ -358,8 +360,6 @@ class ProfileInfo extends React.PureComponent {
                   helpButtonHeaderContent={t('Language')}
                   className="help-icon"
                 />
-              </TooltipIcon>
-
             </InfoItemValue>
 
           </InfoItem>
diff --git a/web/ASC.Web.Common/src/pages/login/index.js b/web/ASC.Web.Common/src/pages/login/index.js
index 1d60b3bc9e..96e7cd8d75 100644
--- a/web/ASC.Web.Common/src/pages/login/index.js
+++ b/web/ASC.Web.Common/src/pages/login/index.js
@@ -57,6 +57,14 @@ const FormContainer = styled.form`
       }
       .login-tooltip {
         display: inline-flex;
+        
+        @media(min-width: 1025px) {
+          margin-left: 8px;
+          margin-top: 4px;
+        }
+        @media(max-width: 1024px) {
+          padding: 4px 8px 8px 8px;
+        }        
       }
     }
     .login-link {