DevTools: fix debugger paused message styles

When paused on an error, the debugger paused message is not showing
the correct red styles.

Screenshot: https://imgur.com/a/R9tv6

Bug: 812713
Change-Id: I23a95848b7727a2357614172c93b055fa5c185b8
Reviewed-on: https://chromium-review.googlesource.com/922396
Commit-Queue: Erik Luo <luoe@chromium.org>
Reviewed-by: Andrey Lushnikov <lushnikov@chromium.org>
Cr-Commit-Position: refs/heads/master@{#537858}

third_party/WebKit/Source/devtools/front_end/sources/DebuggerPausedMessage.js

@@ -8,7 +8,7 @@ Sources.DebuggerPausedMessage = class {
   constructor() {
     this._element = createElementWithClass('div', 'paused-message flex-none');
     const root = UI.createShadowRootWithCoreStyles(this._element, 'sources/debuggerPausedMessage.css');
-    this._contentElement = root.createChild('div', 'paused-status');
+    this._contentElement = root.createChild('div');
   }
 
   /**
@@ -74,7 +74,7 @@ Sources.DebuggerPausedMessage = class {
     if (!details)
       return;
 
-    const status = this._contentElement.createChild('div', 'flex-auto');
+    const status = this._contentElement.createChild('div', 'paused-status');
 
     const errorLike = details.reason === SDK.DebuggerModel.BreakReason.Exception ||
         details.reason === SDK.DebuggerModel.BreakReason.PromiseRejection ||

third_party/WebKit/Source/devtools/front_end/sources/debuggerPausedMessage.css

@@ -4,10 +4,6 @@
  * found in the LICENSE file.
  */
 
-.paused-container {
-    flex: none;
-}
-
 .paused-status {
     padding: 6px;
     border-bottom: 1px solid transparent;