Merge pull request #5624 from flexion/10285-design-debt

10285: Fix: Wrap text in Filings and Proceedings column in Document View
ustaxcourt · Dec 20, 2024 · f43de33 · f43de33
2 parents 49803be + 4c0d271
commit f43de33
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/web-client/src/views/DocketRecord/DocumentViewer.tsx b/web-client/src/views/DocketRecord/DocumentViewer.tsx
@@ -106,12 +106,21 @@ export const DocumentViewer = connect(
                           <div className="grid-col-5">
                             <span
                               className={classNames(
+                                'mobile-text-wrap',
+                                'word-wrap-break-word',
                                 entry.isStricken && 'stricken-docket-record',
                               )}
                             >
                               {entry.descriptionDisplay}
                             </span>
-                            {entry.isStricken && ' (STRICKEN)'}
+                            <span
+                              className={classNames(
+                                'word-wrap-break-word',
+                                'display-block',
+                              )}
+                            >
+                              {entry.isStricken && ' (STRICKEN)'}
+                            </span>
                           </div>
                           <div className="grid-col-2 padding-left-105">
                             {entry.showNotServed && (