Small fixes

superdesk · Mar 25, 2024 · f561f5c · f561f5c
1 parent cc21475
commit f561f5c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git 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
@@ -94,15 +94,15 @@ export class PreviewArticle extends React.PureComponent<IProps, IState> {
                     <ContentDivider />
                     {
                         headlineField?.id && (
-                            <Heading type='h1'>
+                            <Heading className='pb-2' type='h1'>
                                 {headlineField.value}
                             </Heading>
                         )
                     }
                     {
                         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>
                         )
                     }