Refs #267520 - Fix test. Improve styles

eea · Mar 25, 2024 · 033fa35 · 033fa35
1 parent 357a70f
commit 033fa35
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/src/components/theme/Views/NewsItemView.jsx b/src/components/theme/Views/NewsItemView.jsx
@@ -8,12 +8,14 @@ import './styles.less';
 const SubjectTags = (props) => {
   const tags = props.content?.subjects;
   return tags?.length > 0 ? (
-    <>
+    <div className="subject-tags">
       Filed under:{' '}
       {tags.map((tag) => (
-        <Label key={tag}>{tag}</Label>
+        <Label size="small" key={tag}>
+          {tag}
+        </Label>
       ))}
-    </>
+    </div>
   ) : null;
 };
 

diff --git a/src/components/theme/Views/NewsItemView.test.jsx b/src/components/theme/Views/NewsItemView.test.jsx
@@ -25,6 +25,7 @@ describe('NewsItemView', () => {
   it('should render the component', () => {
     const content = {
       title: 'NewsItemView',
+      blocks: {},
     };
 
     const store = mockStore({

diff --git a/src/components/theme/Views/styles.less b/src/components/theme/Views/styles.less
@@ -17,4 +17,12 @@ div.insitu-newsitem-view {
       background: #ccc;
     }
   }
+
+  div.subject-tags {
+    .label {
+      margin: 0.5em;
+    }
+
+    margin-bottom: 2em;
+  }
 }