fix(explore): Icons width (apache#14717)

* Revert width and margin * Adjust width * Increase margin
CybercentreCanada · Dec 17, 2021 · c9a53e1 · c9a53e1
1 parent 13289a3
commit c9a53e1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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};