Reduce the size of some overly-long graphs. OK, that's subjective, but if you don...

diff --git a/gallery/drawing.js b/gallery/drawing.js
index eef3091..6443cf4 100644 (file)
--- a/gallery/drawing.js
+++ b/gallery/drawing.js
@@ -10,7 +10,7 @@ Gallery.register(
           "<div id='tool_pencil'></div>",
           "<div id='tool_eraser'></div>",
           "</div>",
-          "<div id='draw_div' style='width: 800px; height: 400px;'></div>",
+          "<div id='draw_div' style='width: 600px; height: 300px;'></div>",
           "<p style='font-size: 10pt'>Toolbar/cursor icons are CC-licensed from ",
           "<a href='http://www.fatcow.com/free-icons'>FatCow</a>.</p>"].join("\n");
     },

diff --git a/gallery/dynamic-update.js b/gallery/dynamic-update.js
index 0eb82bb..6bb34ee 100644 (file)
--- a/gallery/dynamic-update.js
+++ b/gallery/dynamic-update.js
@@ -5,7 +5,7 @@ Gallery.register(
     title: 'Live random data',
     setup: function(parent) {
       parent.innerHTML = [
-          "<div id='div_g' style='width:800px; height:400px;'></div>",
+          "<div id='div_g' style='width:600px; height:300px;'></div>",
           "<p>This test is modeled after a ",
           "<a href='http://www.highcharts.com/demo/?example=dynamic-update&theme=default'>highcharts",
           "test</a>. New points should appear once per second. Try zooming and ",

diff --git a/gallery/plotter.js b/gallery/plotter.js
index 268ea88..be39eb3 100644 (file)
--- a/gallery/plotter.js
+++ b/gallery/plotter.js
@@ -19,11 +19,11 @@ Gallery.register(
         "</select>",
         "</p>",
         "",
-        "    <p><b>x range: </b> <input type='text' width='5' id='x1' value='-10' />",
-        "    to <input type='text' width='5' id='x2' value='10' /></p>",
-        "    <p><button id='plot'>Plot</button></p>",
+        "<p><b>x range: </b> <input type='text' width='5' id='x1' value='-10' />",
+        "to <input type='text' width='5' id='x2' value='10' /></p>",
+        "<p><button id='plot'>Plot</button></p>",
         "",
-        "    <div id='graph_div' style='width:800px; height:400px;'></div>"].join("\n");
+        "<div id='graph_div' style='width:600px; height:300px;'></div>"].join("\n");
 
     },
     run: function() {

diff --git a/gallery/range-selector.js b/gallery/range-selector.js
index 57ac71b..0ea9efa 100644 (file)
--- a/gallery/range-selector.js
+++ b/gallery/range-selector.js
@@ -6,10 +6,10 @@ Gallery.register(
     setup: function(parent) {
       parent.innerHTML = [
           "<p>No roll period.</p>",
-          "<div id='noroll' style='width:800px; height:320px;'></div>",
+          "<div id='noroll' style='width:600px; height:300px;'></div>",
           "",
           "<p>Roll period of 14 timesteps, custom range selector height and plot color.</p>",
-          "<div id='roll14' style='width:800px; height:320px;'></div>"].join("\n");
+          "<div id='roll14' style='width:600px; height:300px;'></div>"].join("\n");
     },
     run: function() {
       g1 = new Dygraph(

diff --git a/gallery/stock.js b/gallery/stock.js
index cb7fe3e..4c6af6d 100644 (file)
--- a/gallery/stock.js
+++ b/gallery/stock.js
@@ -5,8 +5,8 @@ Gallery.register(
     title: 'Stock Chart Demo',
     setup: function(parent) {
       parent.innerHTML = [
-          "<div id='stock_div' style='width: 800px; height: 400px;'></div><br/>",
-          "<div style='width: 800px; text-align: center;'>",
+          "<div id='stock_div' style='width: 600px; height: 300px;'></div><br/>",
+          "<div style='width: 600px; text-align: center;'>",
           "  <button id='linear'>Linear Scale</button>&nbsp;",
           "  <button id='log' disabled='true'>Log Scale</button>",
           "</div>"].join("\n");

diff --git a/gallery/temperature-sf-ny.js b/gallery/temperature-sf-ny.js
index d903b8b..c8e4fb1 100644 (file)
--- a/gallery/temperature-sf-ny.js
+++ b/gallery/temperature-sf-ny.js
@@ -7,9 +7,9 @@ Gallery.register(
     setup: function(parent) {
       parent.innerHTML = [
           "<p>Roll period of 14 timesteps.</p>",
-          "<div id='roll14' style='width:800px; height:320px;'></div>",
+          "<div id='roll14' style='width:600px; height:300px;'></div>",
           "<p>No roll period.</p>",
-          "<div id='noroll' style='width:800px; height:320px;'></div>"]
+          "<div id='noroll' style='width:600px; height:300px;'></div>"]
           .join("\n");
     },
     run: function() {