From 26c81a70e7574e34c8351c825385dee272abe0cb Mon Sep 17 00:00:00 2001
From: smileydev <47900232+prosdev0107@users.noreply.github.com>
Date: Thu, 12 May 2022 02:54:21 -0500
Subject: [PATCH] fix(chart & filters): make to padding between textarea and
 buttons (#20026)

* fix(chart & filters): make to padding between textarea and buttons

* fix(chart & filters): make to change static pixel to them.gridUnit

* fix(chart & filters): make to fix lint issue
---
 .../FilterControl/AdhocFilterEditPopover/index.jsx        | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopover/index.jsx b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopover/index.jsx
index 24d879c4d0740..1fa42eb6db5ca 100644
--- a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopover/index.jsx
+++ b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopover/index.jsx
@@ -86,6 +86,10 @@ const FilterPopoverContentContainer = styled.div`
   }
 `;
 
+const FilterActionsContainer = styled.div`
+  margin-top: ${({ theme }) => theme.gridUnit * 2}px;
+`;
+
 export default class AdhocFilterEditPopover extends React.Component {
   constructor(props) {
     super(props);
@@ -242,7 +246,7 @@ export default class AdhocFilterEditPopover extends React.Component {
             </ErrorBoundary>
           </Tabs.TabPane>
         </Tabs>
-        <div>
+        <FilterActionsContainer>
           <Button buttonSize="small" onClick={this.props.onClose} cta>
             {t('Close')}
           </Button>
@@ -266,7 +270,7 @@ export default class AdhocFilterEditPopover extends React.Component {
             onMouseDown={this.onDragDown}
             className="fa fa-expand edit-popover-resize text-muted"
           />
-        </div>
+        </FilterActionsContainer>
       </FilterPopoverContentContainer>
     );
   }