10549:Reverted the font size to its original setting and wrapped the …

…docket number.
ustaxcourt · Dec 2, 2024 · 288d070 · 288d070
1 parent 409ab9f
commit 288d070
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/web-client/src/styles/typography.scss b/web-client/src/styles/typography.scss
@@ -208,9 +208,9 @@ a:hover {
   font-weight: bold;
 }
 
-h1,
-.heading-2 {
-  @media only screen and (max-width: $medium-screen) {
-    font-size: 1.125em
+.no-wrap-text {
+  @media only screen and (max-width: $small-screen) {
+    white-space: normal;
+    word-wrap: break-word;
   }
-}
+}
diff --git a/web-client/src/views/CaseDetail/CaseDetailHeader.tsx b/web-client/src/views/CaseDetail/CaseDetailHeader.tsx
@@ -168,7 +168,10 @@ export const CaseDetailHeader = connect<
                         size="1x"
                       />
                     )}
-                    <CaseLink formattedCase={formattedCaseDetail}>
+                    <CaseLink
+                      className="no-wrap-text"
+                      formattedCase={formattedCaseDetail}
+                    >
                       Docket Number:{' '}
                       {formattedCaseDetail.docketNumberWithSuffix}
                     </CaseLink>