Client: Profile: fix style

packages/client/src/pages/Profile/Section/Body/sub-components/file-management/styled-file-management.js

@@ -4,28 +4,6 @@ import { isMobile } from "react-device-detect";
 
 const StyledWrapper = styled.div`
   max-width: 660px;
-  margin-top: ${(props) =>
-    props.hideAdminSettings ? 22 : props.showTitle ? 24 : 34}px;
-
-  ${(props) =>
-    props.hideAdminSettings &&
-    css`
-      padding-top: 2px;
-    `}
-
-  @media ${tablet} {
-    margin-top: ${(props) => (props.hideAdminSettings ? 0 : 8)}px;
-    ${(props) =>
-      props.hideAdminSettings &&
-      css`
-        padding-top: 8px;
-      `}
-  }
-
-  ${isMobile &&
-  css`
-    margin-top: 8px;
-  `}
 
   width: 100%;
 

packages/client/src/pages/Profile/Section/Body/sub-components/notifications/StyledComponent.js

@@ -1,14 +1,18 @@
 import styled, { css } from "styled-components";
-import { mobile } from "@docspace/components/utils/device";
+import { mobile, tablet } from "@docspace/components/utils/device";
 
 const StyledSectionBodyContent = styled.div`
   width: 100%;
   max-width: 660px;
+
+  @media ${tablet} {
+    max-width: 100%;
+  }
+
   .notification-container {
     display: grid;
-    max-width: 660px;
     grid-template-columns: 1fr 124px;
-    margin-bottom: 21px;
+    margin-bottom: 12px;
 
     .toggle-btn {
       ${(props) =>
@@ -26,21 +30,18 @@ const StyledSectionBodyContent = styled.div`
     }
   }
   .badges-container {
-    margin-bottom: 40px;
+    margin-bottom: 24px;
-
-    @media ${mobile} {
-      margin-bottom: 29px;
-    }
   }
 `;
 
 const StyledTextContent = styled.div`
-  margin-bottom: 23px;
+  margin-bottom: 12px;
-  height: 40px;
+  height: 24px;
   border-bottom: ${(props) => props.theme.filesPanels.sharing.borderBottom};
-  max-width: 700px;
+
   p {
-    padding-top: 8px;
+    line-height: 16px;
+    padding-bottom: 8px;
   }
 `;
 

packages/client/src/pages/Profile/Section/Body/sub-components/notifications/index.js

@@ -81,7 +81,7 @@ const Notifications = ({ setSubscriptions }) => {
         {isLoadingContent ? (
           <Loaders.Rectangle height={"22px"} width={"57px"} />
         ) : (
-          <Text fontSize={"16px"} fontWeight={700}>
+          <Text fontSize={"14px"} fontWeight={600}>
             {t("Badges")}
           </Text>
         )}
@@ -106,7 +106,7 @@ const Notifications = ({ setSubscriptions }) => {
         {isLoadingContent ? (
           <Loaders.Rectangle height={"22px"} width={"57px"} />
         ) : (
-          <Text fontSize={"16px"} fontWeight={700}>
+          <Text fontSize={"14px"} fontWeight={600}>
             {t("Common:Email")}
           </Text>
         )}