second part of syncing LCARStrek with Firefox 29 windows theme changes

[themes.git] / LCARStrek / browser / devtools / ruleview.css

diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css
index f19670a369a3d034e2315e8987281cb8fdddd795..f999d6ef4aba77efbb9cfe3d5bceeacc0844ef61 100644 (file)
--- a/LCARStrek/browser/devtools/ruleview.css
+++ b/LCARStrek/browser/devtools/ruleview.css
@@ -14,7 +14,7 @@
   -moz-user-select: none;
 }
 
-.ruleview-rule-inheritance {
+.ruleview-header {
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: solid;
@@ -22,6 +22,7 @@
   padding: 1px 4px;
   margin-top: 4px;
   -moz-user-select: none;
+  word-wrap: break-word;
 }
 
 .ruleview-rule-source:hover {
@@ -46,7 +47,8 @@
 .ruleview-warning {
   background: url("chrome://browser/skin/devtools/alerticon-warning.png");
   -moz-margin-start: 5px;
-  vertical-align: middle;
+  display: inline-block;
+  vertical-align: top;
   width: 13px;
   height: 12px;
 }
@@ -95,6 +97,14 @@
   -moz-margin-start: 35px;
 }
 
+.ruleview-colorswatch {
+  border-radius: 50%;
+  width: 1em;
+  height: 1em;
+  vertical-align: text-top;
+  -moz-margin-end: 5px;
+}
+
 .ruleview-overridden {
   text-decoration: line-through;
 }
@@ -106,6 +116,7 @@
 
 .ruleview-property {
   border-left: 2px solid transparent;
+  clear: right;
 }
 
 .ruleview-property  > * {
@@ -126,6 +137,10 @@
   border-bottom-color: #008484;
 }
 
+.ruleview-selector {
+  word-wrap: break-word;
+}
+
 .ruleview-selector-separator, .ruleview-selector-unmatched {
   color: #8050B0;
 }