DevTools: fix wrapping of links in console view

third_party/WebKit/Source/devtools/front_end/console/consoleView.css

Index: third_party/WebKit/Source/devtools/front_end/console/consoleView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/console/consoleView.css b/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
index d2cab2be069b546241edc07ba192de78e99383b0..249f0b66f60335a3aa02f3173979b17fa919bb4e 100644
--- a/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
+++ b/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
@@ -352,6 +352,7 @@
 #console-messages a {
     color: rgb(33%, 33%, 33%);
     cursor: pointer;
+    word-break: break-all;
 }
 
 #console-messages .link:hover,
@@ -410,7 +411,7 @@
     float: right;
     text-align: right;
     max-width: 100%;
-    margin-left: 4px;
+    margin-left: 20px;
 }
 
 .console-message-nowrap-below,
@@ -464,13 +465,14 @@
     flex: none;
 }
 
-.console-message-stack-trace-triangle {
+.console-message-stack-trace-toggle .console-message-body::before {
+    content: " ";
     -webkit-user-select: none;
     -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
     -webkit-mask-size: 352px 168px;
     color: transparent;
     text-shadow: none;
-    margin-right: 0;
+    margin-right: 6px;
     height: 12px;
     background-color: rgb(110, 110, 110);
     width: 12px;
@@ -479,11 +481,15 @@
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.1) {
-.console-message-stack-trace-triangle {
+.console-message-stack-trace-toggle .console-message-body::before {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
 }
 } /* media */
 
-.console-message-stack-trace-toggle.expanded .console-message-stack-trace-triangle {
+.console-message-stack-trace-toggle.expanded .console-message-body::before {
     -webkit-mask-position: -20px -96px;
 }
+
+.console-message-body {
+    word-wrap: normal;

[lushnikov, 2016/11/03 00:47:30]

can we use the .console-message for this? (do we really need this?)

+}