Web: Common: added new styles

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

@@ -35,18 +35,19 @@ const StyledArticlePinPanel = styled.div`
 const ArticlePinPanel = React.memo(props => {
   //console.log("PageLayout ArticlePinPanel render");
   const { pinned, pinText, onPin, unpinText, onUnpin } = props;
+  const textStyles = { as: 'span', color: '#555F65', fontSize: '14px', fontWeight: 600 };
 
   return (
     <StyledArticlePinPanel>
       {pinned ? (
         <div onClick={onUnpin}>
           <Icons.CatalogUnpinIcon size="medium" />
-          <Text as='span' color="#555F65">{unpinText}</Text>
+          <Text {...textStyles} >{unpinText}</Text>
         </div>
       ) : (
         <div onClick={onPin}>
           <Icons.CatalogPinIcon size="medium" />
-          <Text as='span' color="#555F65">{pinText}</Text>
+          <Text {...textStyles} >{pinText}</Text>
         </div>
       )}
     </StyledArticlePinPanel>

web/ASC.Web.Common/src/components/PageLayout/sub-components/section-header.js

@@ -12,6 +12,8 @@ const StyledSectionHeader = styled.div`
 
   @media ${tablet} {
     margin-right: 16px;
+    border-bottom: none;
+    height: 44px;
   }
 
   .section-header {