From 80cacd09c34a0422101c76731d8c6cb447b594aa Mon Sep 17 00:00:00 2001
From: Tatiana Lopaeva <tatiana.lopaeva@onlyoffice.com>
Date: Wed, 21 Aug 2024 16:31:44 +0300
Subject: [PATCH] Shared/Client: Fixed styles for upload panel because of
 adding  an icon.

---
 .../client/src/components/panels/StyledPanels.js    | 13 ++++++++++++-
 .../src/components/panels/UploadPanel/index.js      |  4 ++--
 packages/shared/components/filter/Filter.styled.ts  |  4 +++-
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/components/panels/StyledPanels.js b/packages/client/src/components/panels/StyledPanels.js
index 1146f2860c..5f6e897cdd 100644
--- a/packages/client/src/components/panels/StyledPanels.js
+++ b/packages/client/src/components/panels/StyledPanels.js
@@ -716,7 +716,18 @@ const StyledUploadHeader = styled.div`
   width: 100%;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+
+  .icons-container {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+
+  .title-container {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    user-select: none;
+  }
 `;
 
 const StyledUploadBody = styled.div`
diff --git a/packages/client/src/components/panels/UploadPanel/index.js b/packages/client/src/components/panels/UploadPanel/index.js
index dc0ee3c326..d38f788d94 100644
--- a/packages/client/src/components/panels/UploadPanel/index.js
+++ b/packages/client/src/components/panels/UploadPanel/index.js
@@ -132,8 +132,8 @@ class UploadPanelComponent extends React.Component {
       >
         <ModalDialog.Header>
           <StyledUploadHeader>
-            <div>{title}</div>
-            <div>
+            <div className="title-container">{title}</div>
+            <div className="icons-container">
               {uploaded && converted ? (
                 <IconButton
                   size={17}
diff --git a/packages/shared/components/filter/Filter.styled.ts b/packages/shared/components/filter/Filter.styled.ts
index e1c3deb2f0..ec88bdbe2c 100644
--- a/packages/shared/components/filter/Filter.styled.ts
+++ b/packages/shared/components/filter/Filter.styled.ts
@@ -240,12 +240,14 @@ const StyledFilterBlockHeader = styled.div<{ isSelector?: boolean }>`
 
   display: flex;
   align-items: center;
-  justify-content: ${(props) => (props.isSelector ? "start" : "space-between")};
 
   h1 {
     font-weight: 700;
   }
 
+  #filter_search-options-clear {
+    margin-left: 16px;
+  }
   .arrow-button {
     ${(props) =>
       props.theme.interfaceDirection === "rtl"