Remove inline CSS

plone · Aug 6, 2024 · 305497e · 305497e
1 parent d15ee2d
commit 305497e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/volto/src/components/theme/RelatedItems/RelatedItems.jsx b/packages/volto/src/components/theme/RelatedItems/RelatedItems.jsx
@@ -27,7 +27,7 @@ const RelatedItems = ({ relatedItems, intl }) => {
   }
 
   return (
-    <Container style={{ 'margin-top': '20px' }}>
+    <Container className="related-items">
       <h2>{intl.formatMessage(messages.relatedItems)}</h2>
       <ul>
         {relatedItems.map((relatedItem) =>

diff --git a/packages/volto/theme/themes/pastanaga/extras/main.less b/packages/volto/theme/themes/pastanaga/extras/main.less
@@ -650,6 +650,11 @@ img.responsive {
   height: auto;
 }
 
+// Related Items
+.related-items {
+  margin-top: 20px;
+}
+
 // Deprecated as per https://github.com/plone/volto/issues/1265
 // @import 'utils';
 @import (multiple) '../extras/fonts';