Web: Common: fixed selector styles

web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/Selector.js

@@ -595,7 +595,7 @@ const Selector = props => {
                 isDisabled={isDisabled}
                 options={getSelectorGroups(groups)}
                 selectedOption={currentGroup}
-                dropDownMaxHeight={200}
+                dropDownMaxHeight={220}
                 scaled={true}
                 scaledOptions={true}
                 size="content"
@@ -631,7 +631,7 @@ const Selector = props => {
                     className="options_list"
                     height={height}
                     itemCount={itemCount}
-                    itemSize={32}
+                    itemSize={36}
                     onItemsRendered={onItemsRendered}
                     ref={ref}
                     width={width + 8}

web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledColumn.js

@@ -25,7 +25,7 @@ const StyledColumn = styled(Container)`
             }
         `
         : css`
-            width: 325px;
+            width: 320px;
             height: 100%;
         `
     }

web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledSelector.js

@@ -1,5 +1,7 @@
 import React from "react";
 import styled, { css } from "styled-components";
+import { utils } from "asc-web-components";
+const { tablet } = utils.device;
 
 /* eslint-disable no-unused-vars */
 /* eslint-disable react/prop-types */
@@ -92,7 +94,7 @@ const dropdownStyles = css`
 `;
 
 const asideStyles = css`
-  height: 100%;
+  height: calc(100% - 16px);
   grid-template-columns: 1fr;
   ${props =>
     props.isMultiSelect && props.hasSelected
@@ -199,6 +201,12 @@ const StyledSelector = styled(Container)`
     .body-options {
       grid-area: body-options;
       margin-left: -8px;
+
+      @media ${tablet} {
+        width: 290px;
+        padding-top: 12px;
+      }
+      
       /* background-color: white; */
 
       .row-option {
@@ -206,6 +214,7 @@ const StyledSelector = styled(Container)`
         padding-top: 8px;
         box-sizing: border-box;
         height: 32px;
+        margin-top: 4px;
         cursor: pointer;
 
         &:hover {