[DevTools] reworked JavaScriptBreakpointsSidebarPane.js

third_party/WebKit/Source/devtools/front_end/components/breakpointsList.css

Index: third_party/WebKit/Source/devtools/front_end/components/breakpointsList.css
diff --git a/third_party/WebKit/Source/devtools/front_end/components/breakpointsList.css b/third_party/WebKit/Source/devtools/front_end/components/breakpointsList.css
index 584a268976fc2fcf0cc1d542715a57dace049a29..5910b47dfa6727324244c46b9d394bebd169a483 100644
--- a/third_party/WebKit/Source/devtools/front_end/components/breakpointsList.css
+++ b/third_party/WebKit/Source/devtools/front_end/components/breakpointsList.css
@@ -27,6 +27,34 @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
+.breakpoint-entry {
+    padding: 3px 8px 3px 8px;
+    min-height: 18px;
+    line-height: 15px;
+    border-top: 1px solid #efefef;
+}
+
+.breakpoint-entry [is=dt-checkbox] {
+    max-width: 100%;
+}
+
+.breakpoint-entry .dt-checkbox-text {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+:not(.breakpoints-list-deactivated) > .breakpoint-entry:hover {
+    background-color: #eee;
+}
+
+.breakpoint-entry > .source-text {
+    cursor: pointer;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
 .breakpoint-condition {
     display: block;
     margin-top: 4px;