From d7cc415c77083728d97dc4af7702cbf25fad1d44 Mon Sep 17 00:00:00 2001
From: Chris Collins <chriscollins3456@gmail.com>
Date: Fri, 13 May 2022 14:59:51 -0400
Subject: [PATCH] fix(ui) Fix some spacing issues on the search card (#4916)

Co-authored-by: Chris Collins <chriscollins@Chriss-MBP.lan>
---
 .../PlatformContent/PlatformContentView.tsx       | 15 ++++++---------
 .../src/app/preview/DefaultPreviewCard.tsx        |  4 ++--
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/datahub-web-react/src/app/entity/shared/containers/profile/header/PlatformContent/PlatformContentView.tsx b/datahub-web-react/src/app/entity/shared/containers/profile/header/PlatformContent/PlatformContentView.tsx
index 4cc25d47a5..cbf2f5eb64 100644
--- a/datahub-web-react/src/app/entity/shared/containers/profile/header/PlatformContent/PlatformContentView.tsx
+++ b/datahub-web-react/src/app/entity/shared/containers/profile/header/PlatformContent/PlatformContentView.tsx
@@ -7,7 +7,8 @@ import { Container } from '../../../../../../../types.generated';
 import { ANTD_GRAY } from '../../../../constants';
 import ContainerLink from './ContainerLink';
 
-const LogoContainer = styled.span`
+const LogoIcon = styled.span`
+    display: flex;
     margin-right: 8px;
 `;
 
@@ -21,7 +22,7 @@ const PreviewImage = styled(Image)`
 const PlatformContentWrapper = styled.div`
     display: flex;
     align-items: center;
-    margin: 0 8px 8px 0;
+    margin: 0 8px 6px 0;
     flex-wrap: nowrap;
     flex: 1;
 `;
@@ -43,10 +44,6 @@ const PlatformDivider = styled.div`
     vertical-align: text-top;
 `;
 
-const TypeIcon = styled.span`
-    margin-right: 8px;
-`;
-
 const StyledRightOutlined = styled(RightOutlined)`
     color: ${ANTD_GRAY[7]};
     font-size: 8px;
@@ -117,14 +114,14 @@ function PlatformContentView(props: Props) {
 
     return (
         <PlatformContentWrapper>
-            {typeIcon && <TypeIcon>{typeIcon}</TypeIcon>}
+            {typeIcon && <LogoIcon>{typeIcon}</LogoIcon>}
             <PlatformText>{entityType}</PlatformText>
             <PlatformDivider />
             {platformName && (
-                <LogoContainer>
+                <LogoIcon>
                     {(!!platformLogoUrl && <PreviewImage preview={false} src={platformLogoUrl} alt={platformName} />) ||
                         entityLogoComponent}
-                </LogoContainer>
+                </LogoIcon>
             )}
             <PlatformText>
                 {platformName}
diff --git a/datahub-web-react/src/app/preview/DefaultPreviewCard.tsx b/datahub-web-react/src/app/preview/DefaultPreviewCard.tsx
index 8ff84dae76..19b406786c 100644
--- a/datahub-web-react/src/app/preview/DefaultPreviewCard.tsx
+++ b/datahub-web-react/src/app/preview/DefaultPreviewCard.tsx
@@ -73,17 +73,17 @@ const PlatformDivider = styled.div`
 
 const DescriptionContainer = styled.div`
     color: ${ANTD_GRAY[7]};
+    margin-bottom: 8px;
 `;
 
 const AvatarContainer = styled.div`
-    margin-top: 6px;
     margin-right: 32px;
 `;
 
 const TagContainer = styled.div`
     display: inline-flex;
     margin-left: 0px;
-    margin-top: 5px;
+    margin-top: 3px;
 `;
 
 const TagSeparator = styled.div`