From cf9609b6d048754e2489364f7344014635c245ce Mon Sep 17 00:00:00 2001
From: David Whittaker <dwhittaker@netflix.com>
Date: Thu, 1 May 2025 14:46:10 -0700
Subject: [PATCH] forcing wrap on timeline events

---
 .../dispatch/src/incident/TimelineTab.vue      |  2 +-
 .../static/dispatch/src/styles/timeline.css    | 18 +++++++++++-------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/dispatch/static/dispatch/src/incident/TimelineTab.vue b/src/dispatch/static/dispatch/src/incident/TimelineTab.vue
index 07a0d355870e..be20311957c5 100644
--- a/src/dispatch/static/dispatch/src/incident/TimelineTab.vue
+++ b/src/dispatch/static/dispatch/src/incident/TimelineTab.vue
@@ -44,7 +44,7 @@
           </template>
           <v-row justify="space-between">
             <v-col cols="7">
-              {{ event.description }}
+              <span class="force-wrap">{{ event.description }}</span>
               <transition-group name="slide" v-if="showDetails">
                 <template v-for="(value, key) in event.details" :key="key">
                   <v-card>
diff --git a/src/dispatch/static/dispatch/src/styles/timeline.css b/src/dispatch/static/dispatch/src/styles/timeline.css
index 3489343ed23d..1475f8311a2d 100644
--- a/src/dispatch/static/dispatch/src/styles/timeline.css
+++ b/src/dispatch/static/dispatch/src/styles/timeline.css
@@ -1,13 +1,13 @@
 .wavy-underline {
-    text-decoration: underline;
-    text-decoration-style: dotted;
-    text-decoration-color: silver;
-    text-decoration-thickness: 1px;
-    text-underline-offset: 3px;
+  text-decoration: underline;
+  text-decoration-style: dotted;
+  text-decoration-color: silver;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 3px;
 }
 
 .pre-formatted {
-    white-space: pre;
+  white-space: pre;
 }
 
 .time-zone-notice {
@@ -121,6 +121,10 @@
   font-style: italic;
 }
 
-.signal-timeline{
+.signal-timeline {
   padding-bottom: 50px;
 }
+
+.force-wrap {
+  word-break: break-all;
+}