DevTools: sort completions by prototype.

third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css

 /*
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 67 matching lines @@
     border: 1px solid transparent;
     padding-right: 0;
     white-space: nowrap;
     display: flex;
 }
 
 .suggest-box .suggest-box-content-item.secondary {
     background-color: #f9f9f9;
 }
 
-.suggestion-text {
+.suggestion-title {
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
+.suggestion-subtitle {
+    flex: auto;
+    text-align: right;
+    color: #999;
+    margin-right: 3px;
+}
+
 .suggestion-icon {
     user-select: none;
     align-self: center;
     flex-shrink: 0;
 }
 
 .suggest-box .suggest-box-content-item .query {
     font-weight: bold;
 }
 
 .suggest-box .suggest-box-content-item .spacer {
     display: inline-block;
     width: 20px;
 }
 
 .suggest-box .suggest-box-content-item.selected {
     background-color: rgb(56, 121, 217);
+}
+
+.suggest-box .suggest-box-content-item.selected > span {
     color: #FFF;
 }
 
 .suggest-box .suggest-box-content-item:hover:not(.selected) {
     background-color: rgba(56, 121, 217, 0.1);
 }
 
 .suggest-box .details-popup {
     padding: 17px;
     pointer-events: auto;
     margin-left: 3px;
     max-width: 750px;
     word-wrap: normal;
 }
 
 .suggest-box .details-popup .description {
     margin-top: 22px;
     color: #808080;
 }