Bug 1023666 - Condition text labels in @media sidebar should wrap. r=harth

browser/devtools/styleeditor/styleeditor.css

@@ -29,10 +29,8 @@ li.error > .stylesheet-info > .stylesheet-more  > .stylesheet-error-message {
   -moz-box-flex: 1;
 }
 
-.stylesheet-media-list {
-  overflow-x: hidden;
+.stylesheet-media-container {
   overflow-y: auto;
-  -moz-box-flex: 1;
 }
 
 .media-rule-label {

browser/devtools/styleeditor/styleeditor.xul

@@ -150,7 +150,9 @@
               <xul:toolbar class="devtools-toolbar">
                 &mediaRules.label;
               </xul:toolbar>
-              <xul:vbox class="stylesheet-media-list"/>
+              <xul:vbox class="stylesheet-media-container" flex="1">
+                <div class="stylesheet-media-list" />
+              </xul:vbox>
             </xul:vbox>
           </xul:hbox>
         </xul:box>