From f508cdaa66c5d2b9588a3757a3add468ad89e8b8 Mon Sep 17 00:00:00 2001
From: Bethany Dunfield <bethany.dunfield@civicactions.com>
Date: Thu, 3 Aug 2023 09:44:13 -0600
Subject: [PATCH 1/2] WCMS-10130: Fix table styling on very small screens

---
 package-lock.json                                     | 4 ++--
 package.json                                          | 2 +-
 src/components/DatasetAdditionalInformation/index.jsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1d031513..eb935092 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@civicactions/cmsds-open-data-components",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@civicactions/cmsds-open-data-components",
-      "version": "2.0.6",
+      "version": "2.0.7",
       "license": "GPL-3.0",
       "dependencies": {
         "@popperjs/core": "^2.11.6",
diff --git a/package.json b/package.json
index 39504377..a41235d9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/cmsds-open-data-components",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "Components for the open data catalog frontend using CMS Design System",
   "main": "dist/main.js",
   "source": "src/index.ts",
diff --git a/src/components/DatasetAdditionalInformation/index.jsx b/src/components/DatasetAdditionalInformation/index.jsx
index da825d18..0b8e9190 100644
--- a/src/components/DatasetAdditionalInformation/index.jsx
+++ b/src/components/DatasetAdditionalInformation/index.jsx
@@ -30,7 +30,7 @@ const DatasetAdditionalInformation = ({ datasetInfo, id, metadataMapping}) => {
           {rows.map((r) => (
             <TableRow key={`${r.label}_${id}`}>
               <TableCell>{r.label}</TableCell>
-              <TableCell>{r.value}</TableCell>
+              <TableCell className="ds-u-word-break">{r.value}</TableCell>
             </TableRow>
           ))}
         </TableBody>

From ec4c62a54ec00176eead01b46d1529fb8aabe4e7 Mon Sep 17 00:00:00 2001
From: Bethany Dunfield <bethany.dunfield@civicactions.com>
Date: Thu, 3 Aug 2023 11:39:12 -0600
Subject: [PATCH 2/2] modify to overflow-wrap: anywhere

---
 .../additional-information-table.scss                        | 5 +++++
 src/components/DatasetAdditionalInformation/index.jsx        | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/DatasetAdditionalInformation/additional-information-table.scss b/src/components/DatasetAdditionalInformation/additional-information-table.scss
index 8c12073a..8eb8ec7a 100644
--- a/src/components/DatasetAdditionalInformation/additional-information-table.scss
+++ b/src/components/DatasetAdditionalInformation/additional-information-table.scss
@@ -7,3 +7,8 @@
 .dc-c-additional-info-table a {
   word-break: break-all;
 }
+
+.ds-u-word-break-anywhere {
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
diff --git a/src/components/DatasetAdditionalInformation/index.jsx b/src/components/DatasetAdditionalInformation/index.jsx
index 0b8e9190..c8c6c58c 100644
--- a/src/components/DatasetAdditionalInformation/index.jsx
+++ b/src/components/DatasetAdditionalInformation/index.jsx
@@ -30,7 +30,7 @@ const DatasetAdditionalInformation = ({ datasetInfo, id, metadataMapping}) => {
           {rows.map((r) => (
             <TableRow key={`${r.label}_${id}`}>
               <TableCell>{r.label}</TableCell>
-              <TableCell className="ds-u-word-break">{r.value}</TableCell>
+              <TableCell className="ds-u-word-break-anywhere">{r.value}</TableCell>
             </TableRow>
           ))}
         </TableBody>