Small fix: move style wrapper

eea · Feb 7, 2023 · 7d169c3 · 7d169c3
1 parent f7eafe0
commit 7d169c3
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 29 deletions.
diff --git a/src/components/ItemView/ItemView.jsx b/src/components/ItemView/ItemView.jsx
@@ -155,9 +155,7 @@ function ItemView(props) {
 
       <MetadataSection item={item} appConfig={appConfig} docid={docid} />
 
-      <div className="dataset-container">
-        <MoreLikeThis docid={docid} title={title?.raw} appConfig={appConfig} />
-      </div>
+      <MoreLikeThis docid={docid} title={title?.raw} appConfig={appConfig} />
 
       {/* <div className="info-wrapper">
         <div className="info-content">

diff --git a/src/components/ItemView/MoreLikeThis.jsx b/src/components/ItemView/MoreLikeThis.jsx
@@ -52,32 +52,34 @@ const MoreLikeThis = (props) => {
   }, [appConfig, docid, title]);
 
   return similarDocs && similarDocs.length > 0 ? (
-    <div className="more-like-this">
-      <h2>Similar content</h2>
-      <div className="section-wrapper">
-        <Card.Group itemsPerRow={3}>
-          {similarDocs.map((item, i) => {
-            return (
-              <Card
-                href={`/en/datahub/datahubitem-view/${item._source.about}`}
-                key={i}
-              >
-                <Card.Content>
-                  <Card.Header>
-                    <span title={item._source.label}>
-                      {firstWords(item._source.label, 10)}
-                    </span>
-                  </Card.Header>
-                  <Card.Description>
-                    <span className="card-description">
-                      {item._source.description}
-                    </span>
-                  </Card.Description>
-                </Card.Content>
-              </Card>
-            );
-          })}
-        </Card.Group>
+    <div className="dataset-container">
+      <div className="more-like-this">
+        <h2>Similar content</h2>
+        <div className="section-wrapper">
+          <Card.Group itemsPerRow={3}>
+            {similarDocs.map((item, i) => {
+              return (
+                <Card
+                  href={`/en/datahub/datahubitem-view/${item._source.about}`}
+                  key={i}
+                >
+                  <Card.Content>
+                    <Card.Header>
+                      <span title={item._source.label}>
+                        {firstWords(item._source.label, 10)}
+                      </span>
+                    </Card.Header>
+                    <Card.Description>
+                      <span className="card-description">
+                        {item._source.description}
+                      </span>
+                    </Card.Description>
+                  </Card.Content>
+                </Card>
+              );
+            })}
+          </Card.Group>
+        </div>
       </div>
     </div>
   ) : null;