From 4e6613d11fe59fd895000e8cc88ce973bae56a76 Mon Sep 17 00:00:00 2001
From: Geido <60598000+geido@users.noreply.github.com>
Date: Thu, 7 Jan 2021 07:48:22 +0100
Subject: [PATCH] fix(explore): metrics caret not expanding in datasource panel
 (#12305)

* Closes #12233

* Remove accordion and set both sections open
---
 .../src/explore/components/DatasourcePanel.tsx            | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/superset-frontend/src/explore/components/DatasourcePanel.tsx b/superset-frontend/src/explore/components/DatasourcePanel.tsx
index 637c0f96d..cc1129eaf 100644
--- a/superset-frontend/src/explore/components/DatasourcePanel.tsx
+++ b/superset-frontend/src/explore/components/DatasourcePanel.tsx
@@ -119,7 +119,10 @@ const DatasourceContainer = styled.div`
     padding: 0px;
   }
   .field-selections {
-    padding: ${({ theme }) => 2 * theme.gridUnit}px;
+    padding: ${({ theme }) =>
+      `${2 * theme.gridUnit}px ${2 * theme.gridUnit}px ${
+        4 * theme.gridUnit
+      }px`};
     overflow: auto;
   }
   .field-length {
@@ -187,7 +190,6 @@ const DataSourcePanel = ({
           placeholder={t('Search Metrics & Columns')}
         />
         <Collapse
-          accordion
           bordered={false}
           defaultActiveKey={['column', 'metrics']}
           expandIconPosition="right"
@@ -205,8 +207,6 @@ const DataSourcePanel = ({
               </div>
             ))}
           </Collapse.Panel>
-        </Collapse>
-        <Collapse accordion bordered={false} expandIconPosition="right">
           <Collapse.Panel
             header={<span className="header">{t('Metrics')}</span>}
             key="metrics"