Web: Common: Changed styles of article for tablet and mobile

web/ASC.Web.Common/src/components/Main/index.js

@@ -1,6 +1,7 @@
 import React from "react";
 import styled from "styled-components";
-
+import { utils} from "asc-web-components";
+const { tablet } = utils.device;
 const StyledMain = styled.main`
   height: calc(100vh - 56px);
   height: calc(var(--vh, 1vh) * 100 - 56px);
@@ -9,6 +10,11 @@ const StyledMain = styled.main`
   display: flex;
   flex-direction: row;
   box-sizing: border-box;
+
+  @media ${tablet} {
+    height:auto;
+  }
+
 `;
 
 const Main = React.memo((props) => {

web/ASC.Web.Common/src/components/PageLayout/sub-components/article-pin-panel.js

@@ -13,7 +13,7 @@ const StyledArticlePinPanel = styled.div`
 
   @media ${tablet} {
     display: block;
-    position: fixed;
+    //position: fixed;
     bottom: 0;
     width: 208px;
     z-index: 2;