Removed color from stacked controls, fixed width issue in firefox

examples/stackedAreaWithLegend.html

@@ -24,6 +24,9 @@ text {
 <script src="../lib/jquery.min.js"></script>
 <script src="../nv.d3.js"></script>
 <script src="../src/nvtooltip.js"></script>
+<script src="../src/models/xaxis.js"></script>
+<script src="../src/models/yaxis.js"></script>
+<script src="../src/models/legend.js"></script>
 <script src="../src/models/stackedArea.js"></script>
 <script src="../src/models/stackedAreaWithLegend.js"></script>
 <script>

nv.d3.js

@@ -322,6 +322,12 @@ nv.models.legend = function() {
     return chart;
   };
 
+  chart.color = function(_) {
+    if (!arguments.length) return color;
+    color = _;
+    return chart;
+  };
+
   return chart;
 }
 
@@ -2311,7 +2317,9 @@ nv.models.stackedAreaWithLegend = function() {
 
 
       legend.width(width/2 - margin.right);
-      controls.width(260);
+      controls
+          .width(280)
+          .color(['#666', '#666', '#666']);
 
       g.select('.legendWrap')
           .datum(data)

src/models/legend.js

@@ -98,5 +98,11 @@ nv.models.legend = function() {
     return chart;
   };
 
+  chart.color = function(_) {
+    if (!arguments.length) return color;
+    color = _;
+    return chart;
+  };
+
   return chart;
 }

src/models/stackedAreaWithLegend.js

@@ -144,7 +144,9 @@ nv.models.stackedAreaWithLegend = function() {
 
 
       legend.width(width/2 - margin.right);
-      controls.width(260);
+      controls
+          .width(280)
+          .color(['#666', '#666', '#666']);
 
       g.select('.legendWrap')
           .datum(data)