From 9bd624f4af5ccc72aa39a0e3080b8ab696e14d57 Mon Sep 17 00:00:00 2001
From: Shailesh Parmar
 <71748675+ShaileshParmar-WebDeveloper@users.noreply.github.com>
Date: Mon, 23 Aug 2021 20:52:29 +0530
Subject: [PATCH] ISSUE-206: fixed description icon position (#278)

---
 .../my-data-details/SchemaTable.tsx           | 24 ++++++++++---------
 .../resources/ui/src/pages/tags/index.tsx     | 24 ++++++++++---------
 2 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/catalog-rest-service/src/main/resources/ui/src/components/my-data-details/SchemaTable.tsx b/catalog-rest-service/src/main/resources/ui/src/components/my-data-details/SchemaTable.tsx
index 7ac5367fd76..903bd1a7af8 100644
--- a/catalog-rest-service/src/main/resources/ui/src/components/my-data-details/SchemaTable.tsx
+++ b/catalog-rest-service/src/main/resources/ui/src/components/my-data-details/SchemaTable.tsx
@@ -267,20 +267,22 @@ const SchemaTable: FunctionComponent<Props> = ({
                 <td className="tw-group tableBody-cell tw-relative">
                   <div>
                     <div
-                      className="tw-cursor-pointer hover:tw-underline"
+                      className="tw-cursor-pointer hover:tw-underline tw-flex"
                       data-testid="description"
                       id={`column-description-${index}`}
                       onClick={() => handleEditColumn(column, index)}>
-                      {column.description ? (
-                        <RichTextEditorPreviewer
-                          markdown={column.description}
-                        />
-                      ) : (
-                        <span className="tw-no-description">
-                          No description added
-                        </span>
-                      )}
-                      <button className="tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none">
+                      <div>
+                        {column.description ? (
+                          <RichTextEditorPreviewer
+                            markdown={column.description}
+                          />
+                        ) : (
+                          <span className="tw-no-description">
+                            No description added
+                          </span>
+                        )}
+                      </div>
+                      <button className="tw-self-start tw-w-8 tw-h-auto tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none">
                         <SVGIcons
                           alt="edit"
                           icon="icon-edit"
diff --git a/catalog-rest-service/src/main/resources/ui/src/pages/tags/index.tsx b/catalog-rest-service/src/main/resources/ui/src/pages/tags/index.tsx
index c1344436f67..b4f07c05fde 100644
--- a/catalog-rest-service/src/main/resources/ui/src/pages/tags/index.tsx
+++ b/catalog-rest-service/src/main/resources/ui/src/pages/tags/index.tsx
@@ -300,17 +300,19 @@ const TagsPage = () => {
                                 setIsEditTag(true);
                                 setEditTag(tag);
                               }}>
-                              <div className="tw-cursor-pointer hover:tw-underline">
-                                {tag.description ? (
-                                  <RichTextEditorPreviewer
-                                    markdown={tag.description}
-                                  />
-                                ) : (
-                                  <span className="tw-no-description">
-                                    No description added
-                                  </span>
-                                )}
-                                <button className="tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none">
+                              <div className="tw-cursor-pointer hover:tw-underline tw-flex">
+                                <div>
+                                  {tag.description ? (
+                                    <RichTextEditorPreviewer
+                                      markdown={tag.description}
+                                    />
+                                  ) : (
+                                    <span className="tw-no-description">
+                                      No description added
+                                    </span>
+                                  )}
+                                </div>
+                                <button className="tw-self-start tw-w-8 tw-h-auto tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none">
                                   <SVGIcons
                                     alt="edit"
                                     icon="icon-edit"