DevTools: fix "edit breakpoint" message box in Sources panel

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

Index: third_party/WebKit/Source/devtools/front_end/sources/sourcesView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/sources/sourcesView.css b/third_party/WebKit/Source/devtools/front_end/sources/sourcesView.css
index 793e33ba08f060e680dd536a848b355f8187bcfc..aaadcc03f5a17d204a95731c98ba703946bad994 100644
--- a/third_party/WebKit/Source/devtools/front_end/sources/sourcesView.css
+++ b/third_party/WebKit/Source/devtools/front_end/sources/sourcesView.css
@@ -57,6 +57,36 @@
     background-color: rgba(255, 225, 205, 0.40);
 }
 
+.source-frame-breakpoint-condition {
+    z-index: 30;
+    padding: 4px;
+    background-color: rgb(203, 226, 255);
+    border-radius: 7px;
+    border: 2px solid rgb(169, 172, 203);
+    width: 90%;
+    pointer-events: auto;
+}
+
+.source-frame-breakpoint-message {
+    background-color: transparent;
+    font-weight: normal;
+    font-size: 11px;
+    text-align: left;
+    text-shadow: none;
+    color: rgb(85, 85, 85);
+    cursor: default;
+    margin: 0 0 2px 0;
+}
+
+#source-frame-breakpoint-condition {
+    margin: 0;
+    border: 1px inset rgb(190, 190, 190) !important;
+    width: 100%;
+    box-shadow: none !important;
+    outline: none !important;
+    -webkit-user-modify: read-write;
+}
+
 @-webkit-keyframes source-frame-value-update-highlight-animation {
     from {
         background-color: inherit;