fix(ui) Fix weird indents on schema table descriptions (#14652)

Author: chriscollins3456

datahub-web-react/src/app/entityV2/dataset/profile/schema/components/SchemaDescriptionField.tsx

@@ -98,6 +98,7 @@ const StyledViewer = styled(Editor)`
 const DescriptionWrapper = styled.span`
     display: inline-flex;
     align-items: center;
+    width: 100%;
 `;
 
 const AddModalWrapper = styled.div``;
@@ -219,13 +220,13 @@ export default function DescriptionField({
                                     customStyle={{ fontSize: '12px' }}
                                     scrollableY={false}
                                 />
+                                {isSchemaEditable && isEdited && <EditedLabel>(edited)</EditedLabel>}
                             </DescriptionWrapper>
                         </Tooltip>
                         {/* </StripMarkdownText> */}
                     </>
                 )
             )}
-            {isSchemaEditable && isEdited && <EditedLabel>(edited)</EditedLabel>}
             {showAddModal && (
                 <AddModalWrapper onClick={(e) => e.stopPropagation()}>
                     <UpdateDescriptionModal

datahub-web-react/src/app/entityV2/shared/tabs/Documentation/components/CompactMarkdownViewer.tsx

@@ -16,6 +16,7 @@ const ShowMoreWrapper = styled.div`
 const MarkdownContainer = styled.div<{ lineLimit?: number | null }>`
     max-width: 100%;
     position: relative;
+    flex: 1;
     ${(props) =>
         props.lineLimit &&
         props.lineLimit <= 1 &&
@@ -36,6 +37,7 @@ const MarkdownViewContainer = styled.div<{ scrollableY: boolean }>`
     word-wrap: break-word;
     overflow-x: hidden;
     overflow-y: ${(props) => (props.scrollableY ? 'auto' : 'hidden')};
+    flex: 1;
 `;
 
 const CompactEditor = styled(Editor)<{ limit: number | null; customStyle?: React.CSSProperties }>`