From d6ce735df3b0a9c4c195d2d10417b306efdb46bd Mon Sep 17 00:00:00 2001
From: A <anthony@uxen.fr>
Date: Wed, 10 Jan 2018 15:56:38 +0100
Subject: [PATCH] Display the formatted message for incident's updates.

In order to be backward compatible, the formatted message is displayed
for incident's updates, so a strong sentance can be used as it was the
case before.
---
 .../assets/sass/status-page/_status-page.scss |  4 ++++
 resources/views/partials/incidents.blade.php  | 23 +++++++++----------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/resources/assets/sass/status-page/_status-page.scss b/resources/assets/sass/status-page/_status-page.scss
index c6ffdb86..c3cdc243 100644
--- a/resources/assets/sass/status-page/_status-page.scss
+++ b/resources/assets/sass/status-page/_status-page.scss
@@ -423,4 +423,8 @@ body.status-page {
             }
         }
     }
+    //Display inline the incident update message.
+    .incident-update-item > p {
+        display: inline-block;
+    }
 }
diff --git a/resources/views/partials/incidents.blade.php b/resources/views/partials/incidents.blade.php
index a711fdcb..5383c890 100644
--- a/resources/views/partials/incidents.blade.php
+++ b/resources/views/partials/incidents.blade.php
@@ -33,18 +33,17 @@
                         @if($incident->updates->isNotEmpty())
                         <div class="list-group">
                             @foreach($incident->updates as $update)
-                            <a class="list-group-item" href="{{ $update->permalink }}">
-                                <p>
-                                    <i class="{{ $update->icon }}" title="{{ $update->human_status }}" data-toggle="tooltip"></i>
-                                    {{ $update->raw_message }}
-                                    <small>
-                                        <abbr class="timeago links" data-toggle="tooltip"
-                                            data-placement="right" title="{{ $update->timestamp_formatted }}"
-                                            data-timeago="{{ $update->timestamp_iso }}">
-                                        </abbr>
-                                    </small>
-                                    <span class="ion-ios-arrow-right pull-right"></span>
-                                </p>
+                            <a class="list-group-item incident-update-item" href="{{ $update->permalink }}">
+                                <i class="{{ $update->icon }}" title="{{ $update->human_status }}" data-toggle="tooltip"></i>
+                                {!! $update->formatted_message !!}
+                                <small>
+                                    <abbr class="timeago links" data-toggle="tooltip"
+                                        data-placement="right" title="{{ $update->timestamp_formatted }}"
+                                        data-timeago="{{ $update->timestamp_iso }}">
+                                    </abbr>
+                                </small>
+                                <span class="ion-ios-arrow-right pull-right"></span>
+
                             </a>
                             @endforeach
                         </div>