From 640ae7f1fff79c0ac828ead0a62ffdf904e0d191 Mon Sep 17 00:00:00 2001
From: carolyncole <1599081+carolyncole@users.noreply.github.com>
Date: Mon, 12 Aug 2024 08:33:23 -0400
Subject: [PATCH] Allow urls to wrap and setup widths on datalist to be
 responsive (#1892)

fixes #1868

Note:  Datatable with resize properly with a reload, but not with a change of the window.
---
 app/assets/stylesheets/application.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 039047852..c076e3a01 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -271,6 +271,8 @@ dl {
 
   dd {
     grid-column-start: 2;
+    width: calc(100% - 10rem);
+    word-wrap: break-word;
   }
 }
 
@@ -373,4 +375,8 @@ div.form-subcommunities .form-check{
 
 .hidden-element {
   display: none;
-}
\ No newline at end of file
+}
+
+table.dataTable {
+  overflow-wrap: anywhere
+}