Bullet List Simple

eea · Sep 5, 2022 · cb23287 · cb23287
1 parent e3cafb5
commit cb23287
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/components/theme/Widgets/DataProvenanceView.jsx b/src/components/theme/Widgets/DataProvenanceView.jsx
@@ -4,14 +4,17 @@ import { List } from 'semantic-ui-react';
 
 const DataProvenanceWidgetView = ({ value, className }) =>
   value?.data ? (
-    <List className={cx(className, 'widget')}>
+    <List className={cx(className, 'widget')} bulleted={true}>
       {value.data.map((item, index) => (
-        <List.Item>
-          <List.Header key={index}>{item.title}</List.Header>
+        <List.Item className="horizontal">
           <List.Content key={index}>
-            <a href={item.link}>{item.link}</a>
+            <a href={item.link}>{item.title}</a>
           </List.Content>
-          <List.Description key={index}>{item.organisation}</List.Description>
+          {item.organisation && (
+            <List.Description key={index}>
+              {', ' + item.organisation}
+            </List.Description>
+          )}
         </List.Item>
       ))}
     </List>

diff --git a/src/components/theme/Widgets/style.css b/src/components/theme/Widgets/style.css
@@ -11,7 +11,9 @@
 .field-just-changed {
   animation: field-just-changed-anim 0.5s;
 }
-
+.horizontal {
+  display: flex !important;
+}
 /* .field-attached-image .preview {
     position: relative;
   } */