[superset] 01/01: style: adding padding to the sides of badges, so they look less claustrophobic

[ru...@apache.org]

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

rusackas pushed a commit to branch sprucing-up-badge-padding
in repository https://gitbox.apache.org/repos/asf/superset.git

commit 157142eaffe8527133251970042b965dcab37981
Author: Evan Rusackas <ev...@preset.io>
AuthorDate: Tue May 11 10:21:22 2021 -0700

    style: adding padding to the sides of badges, so they look less claustrophobic
---
 superset-frontend/src/components/Badge/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/superset-frontend/src/components/Badge/index.tsx b/superset-frontend/src/components/Badge/index.tsx
index 8dfe3cb..6dda874 100644
--- a/superset-frontend/src/components/Badge/index.tsx
+++ b/superset-frontend/src/components/Badge/index.tsx
@@ -30,7 +30,7 @@ const Badge = styled((
   { textColor, ...props }: BadgeProps,
 ) => <AntdBadge {...props} />)`
   & > sup {
-    padding: 0 0.35px 0 0;
+    padding: 0 ${({ theme }) => theme.gridUnit * 2}px;
     background: ${({ theme, color }) => color || theme.colors.primary.base};
     color: ${({ theme, textColor }) =>
       textColor || theme.colors.grayscale.light5};