Web: Files: Settings: fixed section body styles

products/ASC.Files/Client/src/pages/Settings/Section/Body/ConnectedClouds.js

@@ -69,14 +69,6 @@ const StyledRow = styled(Row)`
   }
 `;
 
-const StyledRowContainer = styled(RowContainer)`
-  @media ${tablet} {
-    margin-right: -35px;
-  }
-
-  margin: 0;
-`;
-
 class ConnectClouds extends React.Component {
   constructor(props) {
     super(props);
@@ -215,7 +207,7 @@ class ConnectClouds extends React.Component {
                 </Text>
               </div>
             </StyledHeader>
-            <StyledRowContainer useReactWindow={false}>
+            <RowContainer useReactWindow={false}>
               {providers.map((item, index) => {
                 const src = getThirdPartyIcon(item.provider_key);
                 const element = <ReactSVG src={src} alt="" />;
@@ -268,7 +260,7 @@ class ConnectClouds extends React.Component {
                   </StyledRow>
                 );
               })}
-            </StyledRowContainer>
+            </RowContainer>
           </>
         ) : (
           <EmptyFolderContainer

products/ASC.Files/Client/src/pages/Settings/Section/Body/index.js

@@ -1,6 +1,4 @@
 import React from "react";
-import styled, { css } from "styled-components";
-
 import Error403 from "studio/Error403";
 import Error520 from "studio/Error520";
 import ConnectClouds from "./ConnectedClouds";
@@ -12,29 +10,6 @@ import TabsContainer from "@appserver/components/tabs-container";
 import CommonSettings from "./CommonSettings";
 import AdminSettings from "./AdminSettings";
 
-import { tablet } from "@appserver/components/utils/device";
-import { isMobile } from "react-device-detect";
-
-const StyledContainer = styled.div`
-  position: absolute;
-  top: 3px;
-
-  width: calc(100% - 40px);
-
-  height: auto;
-
-  @media ${tablet} {
-    position: static;
-    width: calc(100% - 32px);
-  }
-
-  ${isMobile &&
-  css`
-    position: static;
-    width: calc(100% - 32px);
-  `}
-`;
-
 const SectionBodyContent = ({
   setting,
   isAdmin,
@@ -116,13 +91,13 @@ const SectionBodyContent = ({
   ) : isErrorSettings ? (
     <Error520 />
   ) : (
-    <StyledContainer>
+    <div>
       <TabsContainer
         elements={elements}
         onSelect={onSelect}
         selectedItem={selectedTab()}
       />
-    </StyledContainer>
+    </div>
   );
 };