From f561f5cec0dbabe5975c1bfb0dfff007c9449458 Mon Sep 17 00:00:00 2001
From: Konstantin Markov <maga.ot.oz@protonmail.com>
Date: Mon, 25 Mar 2024 19:36:06 +0200
Subject: [PATCH] Small fixes

---
 .../EventsRelatedArticlesModal.tsx                    | 11 ++++++++++-
 .../src/EventsRelatedArticles/PreviewArticle.tsx      |  4 ++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/client/extensions/relatedArticles/src/EventsRelatedArticles/EventsRelatedArticlesModal.tsx b/client/extensions/relatedArticles/src/EventsRelatedArticles/EventsRelatedArticlesModal.tsx
index 8889a3a5..9c9e1feb 100644
--- a/client/extensions/relatedArticles/src/EventsRelatedArticles/EventsRelatedArticlesModal.tsx
+++ b/client/extensions/relatedArticles/src/EventsRelatedArticles/EventsRelatedArticlesModal.tsx
@@ -11,6 +11,7 @@ import {
     PanelHeader,
     PanelContent,
     PanelContentBlock,
+    ContentDivider,
 } from 'superdesk-ui-framework/react';
 import {getProjectedFieldsArticle, gettext} from 'superdesk-core/scripts/core/utils';
 import {httpRequestJsonLocal} from 'superdesk-core/scripts/core/helpers/network';
@@ -170,6 +171,7 @@ export default class EventsRelatedArticlesModal extends React.Component<IProps,
                             </Dropdown>
                         </SearchBar>
                     </div>
+                    <ContentDivider margin='none' />
                     <Spacer h gap="0" justifyContent='start' alignItems='start' noWrap>
                         <div style={{...{width: this.state.previewItem ? '65%' : '100%'}, ...{padding: 12}}}>
                             <WithPagination
@@ -218,7 +220,14 @@ export default class EventsRelatedArticlesModal extends React.Component<IProps,
                                 {
                                     (items: Array<Partial<IArticle>>) => {
                                         return (
-                                            <Spacer v gap="4" justifyContent='center' alignItems='center' noWrap>
+                                            <Spacer
+                                                style={{paddingTop: 8, paddingBottom: 8}}
+                                                v
+                                                gap="4"
+                                                justifyContent='center'
+                                                alignItems='center'
+                                                noWrap
+                                            >
                                                 {items.map((articleFromArchive) => (
                                                     <RelatedArticlesListComponent
                                                         key={articleFromArchive.guid}
diff --git a/client/extensions/relatedArticles/src/EventsRelatedArticles/PreviewArticle.tsx b/client/extensions/relatedArticles/src/EventsRelatedArticles/PreviewArticle.tsx
index 1c4f186c..07403c16 100644
--- a/client/extensions/relatedArticles/src/EventsRelatedArticles/PreviewArticle.tsx
+++ b/client/extensions/relatedArticles/src/EventsRelatedArticles/PreviewArticle.tsx
@@ -94,7 +94,7 @@ export class PreviewArticle extends React.PureComponent<IProps, IState> {
                     <ContentDivider />
                     {
                         headlineField?.id && (
-                            <Heading type='h1'>
+                            <Heading className='pb-2' type='h1'>
                                 {headlineField.value}
                             </Heading>
                         )
@@ -102,7 +102,7 @@ export class PreviewArticle extends React.PureComponent<IProps, IState> {
                     {
                         bodyField?.id && (
                             <div style={{marginTop: 4}} key={bodyField.id}>
-                                <div style={{fontSize: 15}} dangerouslySetInnerHTML={{__html: bodyField.value as string}} />
+                                <div className="sd-text sd-font-size--medium" dangerouslySetInnerHTML={{__html: bodyField.value as string}} />
                             </div>
                         )
                     }