From 14031d121e8d91d4e47d123257785f9e6002f3bc Mon Sep 17 00:00:00 2001
From: Alexey Kostenko <kostenko.20101994@mail.ru>
Date: Thu, 3 Dec 2020 18:14:11 +0300
Subject: [PATCH] Web: Files/Common: Style fix

---
 .../ASC.Files/Client/src/components/panels/StyledPanels.js | 7 +++++--
 .../AdvancedSelector/sub-components/StyledFooter.js        | 1 -
 .../AdvancedSelector/sub-components/StyledSelector.js      | 5 +++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/products/ASC.Files/Client/src/components/panels/StyledPanels.js b/products/ASC.Files/Client/src/components/panels/StyledPanels.js
index 2ebb0290c2..8843ff6588 100644
--- a/products/ASC.Files/Client/src/components/panels/StyledPanels.js
+++ b/products/ASC.Files/Client/src/components/panels/StyledPanels.js
@@ -129,6 +129,7 @@ const StyledContent = styled.div`
 const StyledHeaderContent = styled.div`
   display: flex;
   align-items: center;
+  padding: 0 16px;
 `;
 
 const StyledBody = styled.div`
@@ -139,10 +140,12 @@ const StyledBody = styled.div`
   .selector-wrapper {
     position: fixed;
     height: calc(100% - 57px);
+    width: 100%;
 
     .column-options {
-      padding: 0 0 16px 0;
-      width: 470px;
+      padding: 0px 16px;
+      padding-bottom: 16px;
+      width: 100%;
 
       .header-options {
         .combo-button-label {
diff --git a/web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledFooter.js b/web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledFooter.js
index ea5ba38c8a..bbb0119ed4 100644
--- a/web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledFooter.js
+++ b/web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledFooter.js
@@ -10,7 +10,6 @@ const StyledFooter = styled.div`
     props.withEmbeddedComponent &&
     css`
       display: flex;
-      padding: 16px 0;
     `}
 
   ${(props) =>
diff --git a/web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledSelector.js b/web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledSelector.js
index 42aba615f0..073f4993fb 100644
--- a/web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledSelector.js
+++ b/web/ASC.Web.Common/src/components/AdvancedSelector/sub-components/StyledSelector.js
@@ -125,6 +125,7 @@ const StyledSelector = styled(Container)`
     /* background-color: red; */
     padding: 16px 16px 0 16px;
     grid-row-gap: 2px;
+    overflow: hidden;
 
     grid-template-columns: 1fr;
     grid-template-rows: ${(props) =>
@@ -137,7 +138,7 @@ const StyledSelector = styled(Container)`
               ? "100px"
               : "30px"
             : props.groups && props.groups.length > 0
-            ? "70px"
+            ? "75px"
             : "30px"
           : "30px"} 1fr;
     grid-template-areas: "header-options" "body-options";
@@ -207,7 +208,7 @@ const StyledSelector = styled(Container)`
     .body-options {
       grid-area: body-options;
       margin-left: -8px;
-      margin-top: 5px;
+      margin-top: 2px;
 
       @media ${tablet} {
         width: 290px;