Bug 700770 - Style Inspector's Rule View can't scroll vertically; r=dao,rcampbell

browser/devtools/styleinspector/CssRuleView.jsm

@@ -655,9 +655,10 @@ function CssRuleView(aDoc, aStore)
   this.doc = aDoc;
   this.store = aStore;
 
-  this.element = this.doc.createElementNS(HTML_NS, "div");
+  this.element = this.doc.createElementNS(XUL_NS, "vbox");
   this.element.setAttribute("tabindex", "0");
   this.element.classList.add("ruleview");
+  this.element.flex = 1;
 
   // Give a relative position for the inplace editor's measurement
   // span to be placed absolutely against.

browser/devtools/styleinspector/styleinspector.css

@@ -35,6 +35,10 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
+.ruleview {
+  overflow: auto;
+}
+
 .ruleview-computedlist:not(.styleinspector-open) {
   display: none;
 }

browser/themes/gnomestripe/devtools/csshtmltree.css

@@ -222,11 +222,11 @@
 
 .ruleview-rule-source {
   background-color: -moz-dialog;
-  padding: 2px;
+  padding: 2px 5px;
 }
 
 .ruleview-code {
-  padding: 2px;
+  padding: 2px 5px;
 }
 
 .ruleview-propertylist {

browser/themes/pinstripe/devtools/csshtmltree.css

@@ -224,11 +224,11 @@
 
 .ruleview-rule-source {
   background-color: -moz-dialog;
-  padding: 2px;
+  padding: 2px 5px;
 }
 
 .ruleview-code {
-  padding: 2px;
+  padding: 2px 5px;
 }
 
 .ruleview-propertylist {

browser/themes/winstripe/devtools/csshtmltree.css

@@ -223,11 +223,11 @@
 
 .ruleview-rule-source {
   background-color: -moz-dialog;
-  padding: 2px;
+  padding: 2px 5px;
 }
 
 .ruleview-code {
-  padding: 2px;
+  padding: 2px 5px;
 }
 
 .ruleview-propertylist {