From 368b20878ca9cfe4d616a11a629cb4fb362ed473 Mon Sep 17 00:00:00 2001
From: Aditya Radhakrishnan <aditya@acryl.io>
Date: Fri, 11 Feb 2022 13:43:37 -0800
Subject: [PATCH] fix(ui) - move book logo to right of glossary term (#4125)

* fix(ui) - move book logo to right of glossary term

* Flip book on top glossary terms
---
 .../renderer/component/GlossaryTermSearchList.tsx             | 3 ++-
 datahub-web-react/src/app/search/SearchFilterLabel.tsx        | 2 +-
 datahub-web-react/src/app/shared/tags/TagTermGroup.tsx        | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/datahub-web-react/src/app/recommendations/renderer/component/GlossaryTermSearchList.tsx b/datahub-web-react/src/app/recommendations/renderer/component/GlossaryTermSearchList.tsx
index c5322e370a..55aea25619 100644
--- a/datahub-web-react/src/app/recommendations/renderer/component/GlossaryTermSearchList.tsx
+++ b/datahub-web-react/src/app/recommendations/renderer/component/GlossaryTermSearchList.tsx
@@ -25,6 +25,7 @@ const TermButton = styled(Button)`
 
 const StyledBook = styled(BookOutlined)`
     && {
+        margin-right: 3px;
         padding-left: 2px;
         padding-bottom: 2px;
         font-size: 10px;
@@ -63,8 +64,8 @@ export const GlossaryTermSearchList = ({ content, onClick }: Props) => {
                 <TermContainer>
                     <TermButton type="link" key={term.urn} onClick={() => onClickTerm(term, index)}>
                         <Tag closable={false}>
-                            {term.name}
                             <StyledBook />
+                            {term.name}
                         </Tag>
                     </TermButton>
                 </TermContainer>
diff --git a/datahub-web-react/src/app/search/SearchFilterLabel.tsx b/datahub-web-react/src/app/search/SearchFilterLabel.tsx
index 7bdb15bd94..5f6bcdfa72 100644
--- a/datahub-web-react/src/app/search/SearchFilterLabel.tsx
+++ b/datahub-web-react/src/app/search/SearchFilterLabel.tsx
@@ -61,8 +61,8 @@ export const SearchFilterLabel = ({ aggregation, field }: Props) => {
         return (
             <>
                 <Tag closable={false}>
+                    <BookOutlined style={{ marginRight: '3%' }} />
                     {term.name}
-                    <BookOutlined style={{ marginLeft: '2%' }} />
                 </Tag>
                 ({countText})
             </>
diff --git a/datahub-web-react/src/app/shared/tags/TagTermGroup.tsx b/datahub-web-react/src/app/shared/tags/TagTermGroup.tsx
index 10a083b475..8d62f599aa 100644
--- a/datahub-web-react/src/app/shared/tags/TagTermGroup.tsx
+++ b/datahub-web-react/src/app/shared/tags/TagTermGroup.tsx
@@ -159,8 +159,8 @@ export default function TagTermGroup({
             {uneditableGlossaryTerms?.terms?.map((term) => (
                 <TagLink to={entityRegistry.getEntityUrl(EntityType.GlossaryTerm, term.term.urn)} key={term.term.urn}>
                     <Tag closable={false}>
+                        <BookOutlined style={{ marginRight: '3%' }} />
                         {term.term.name}
-                        <BookOutlined style={{ marginLeft: '2%' }} />
                     </Tag>
                 </TagLink>
             ))}
@@ -173,8 +173,8 @@ export default function TagTermGroup({
                             removeTerm(term.term.urn);
                         }}
                     >
+                        <BookOutlined style={{ marginRight: '3%' }} />
                         {term.term.name}
-                        <BookOutlined style={{ marginLeft: '2%' }} />
                     </Tag>
                 </TagLink>
             ))}