Bug 1481616 - Reorder rules to show high-dpi alert icon in ruleview;r=rcaliman

Differential Revision: https://phabricator.services.mozilla.com/D2888

--HG--
extra : moz-landing-system : lando

devtools/client/themes/rules.css

@@ -283,12 +283,6 @@
   border-bottom-color: transparent;
 }
 
-@media (min-resolution: 1.1dppx) {
-  .ruleview-warning {
-    background-image: url(images/alerticon-warning@2x.png);
-  }
-}
-
 .ruleview-overridden-rule-filter {
   background-image: url(chrome://devtools/skin/images/filter.svg#filterinput);
   background-size: 11px 11px;
@@ -329,6 +323,12 @@
   height: 12px;
 }
 
+@media (min-resolution: 1.1dppx) {
+  .ruleview-warning {
+    background-image: url(images/alerticon-warning@2x.png);
+  }
+}
+
 .ruleview-rule:not(:hover) .ruleview-enableproperty {
   visibility: hidden;
 }