[superset] branch master updated: fix(explore): Icons width (#14717)

[ru...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

rusackas pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/master by this push:
     new fb6d21a  fix(explore): Icons width (#14717)
fb6d21a is described below

commit fb6d21a168036e52db214cc67cdd6ec4b7c606e3
Author: Geido <60...@users.noreply.github.com>
AuthorDate: Sat May 22 00:41:55 2021 +0300

    fix(explore): Icons width (#14717)
    
    * Revert width and margin
    
    * Adjust width
    
    * Increase margin
---
 .../src/explore/components/controls/OptionControls/index.tsx           | 3 ++-
 superset-frontend/src/explore/components/optionRenderers.tsx           | 3 +--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/superset-frontend/src/explore/components/controls/OptionControls/index.tsx b/superset-frontend/src/explore/components/controls/OptionControls/index.tsx
index 58d3d48..0469b4b 100644
--- a/superset-frontend/src/explore/components/controls/OptionControls/index.tsx
+++ b/superset-frontend/src/explore/components/controls/OptionControls/index.tsx
@@ -60,9 +60,10 @@ export const Label = styled.div`
       margin-left: ${theme.gridUnit}px;
     }
     .type-label {
-      margin-right: ${theme.gridUnit}px;
+      margin-right: ${theme.gridUnit * 2}px;
       margin-left: ${theme.gridUnit}px;
       font-weight: ${theme.typography.weights.normal};
+      width: auto;
     }
     .option-label {
       display: inline;
diff --git a/superset-frontend/src/explore/components/optionRenderers.tsx b/superset-frontend/src/explore/components/optionRenderers.tsx
index aa6bd93..74d2891 100644
--- a/superset-frontend/src/explore/components/optionRenderers.tsx
+++ b/superset-frontend/src/explore/components/optionRenderers.tsx
@@ -43,8 +43,7 @@ const OptionContainer = styled.div`
   }
   .type-label {
     margin-right: ${({ theme }) => theme.gridUnit * 3}px;
-    margin-left: ${({ theme }) => theme.gridUnit * 3}px;
-    width: ${({ theme }) => theme.gridUnit * 4}px;
+    width: ${({ theme }) => theme.gridUnit * 7}px;
     display: inline-block;
     text-align: center;
     font-weight: ${({ theme }) => theme.typography.weights.bold};