Merge 105070 - Web Inspector: styles sidebar rendering is broken

Source/WebCore/inspector/front-end/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 854 matching lines @@
                 mediaText = "media=\"" + media.text + "\"";
                 break;
             case WebInspector.CSSMedia.Source.MEDIA_RULE:
                 mediaText = "@media " + media.text;
                 break;
             case WebInspector.CSSMedia.Source.IMPORT_RULE:
                 mediaText = "@import " + media.text;
                 break;
             }
 
-            var mediaTextElement = mediaDataElement.createChild("span");
-            mediaTextElement.textContent = mediaText;
-            mediaTextElement.title = media.text;
-
             if (media.sourceURL) {
                 var refElement = mediaDataElement.createChild("div", "subtitle");
                 var anchor = WebInspector.linkifyResourceAsNode(media.sourceURL, media.sourceLine < 0 ? undefined : media.sourceLine, "subtitle");
                 anchor.style.float = "right";
                 refElement.appendChild(anchor);
             }
+
+            var mediaTextElement = mediaDataElement.createChild("span");
+            mediaTextElement.textContent = mediaText;
+            mediaTextElement.title = media.text;
         }
     }
 
     var selectorContainer = document.createElement("div");
     this._selectorElement = document.createElement("span");
     this._selectorElement.textContent = styleRule.selectorText;
     selectorContainer.appendChild(this._selectorElement);
 
     var openBrace = document.createElement("span");
     openBrace.textContent = " {";
@@ skipping 17 matching lines @@
         if (this.rule.isUserAgent || this.rule.isUser)
             this.editable = false;
         this.titleElement.addStyleClass("styles-selector");
     }
 
     this._usedProperties = styleRule.usedProperties;
 
     this._selectorRefElement = document.createElement("div");
     this._selectorRefElement.className = "subtitle";
     this._selectorRefElement.appendChild(this._createRuleOriginNode());
-    selectorContainer.appendChild(this._selectorRefElement);
+    selectorContainer.insertBefore(this._selectorRefElement, selectorContainer.firstChild);
     this.titleElement.appendChild(selectorContainer);
 
     if (isInherited)
         this.element.addStyleClass("show-inherited"); // This one is related to inherited rules, not compted style.
 
     if (!this.editable)
         this.element.addStyleClass("read-only");
 }
 
 WebInspector.StylePropertiesSection.prototype = {
@@ skipping 1411 matching lines @@
         var prefix = wordRange.toString().toLowerCase();
         if (!prefix && !force)
             return;
 
         var results = this._cssCompletions.startsWith(prefix);
         completionsReadyCallback(results);
     }
 }
 
 WebInspector.StylesSidebarPane.CSSPropertyPrompt.prototype.__proto__ = WebInspector.TextPrompt.prototype;