Fixed a bug with margin.item=0 and margin.axis=0. Clarified some options in the documentation

HISTORY.md

@@ -2,7 +2,7 @@ vis.js history
 http://visjs.org
 
 
-## 2014-03-05, version 0.6.1
+## 2014-03-06, version 0.6.1
 
 ### Graph
 
@@ -11,6 +11,12 @@ http://visjs.org
 - Tweaked graphviz example physics.
 - Updated physics documentation to stress importance of configurePhysics.
 
+### Timeline
+
+- Fixed a bug with options `margin.axis` and `margin.item` being ignored when setting them to zero.
+- Some clarifications in the documentation.
+
+
 ## 2014-03-05, version 0.6.0
 
 ### Graph

docs/timeline.html

@@ -310,7 +310,10 @@ var groups = [
 <pre class="prettyprint lang-js">
 var options = {
   width: '100%',
-  height: '30px'
+  height: '30px',
+  margin: {
+    item: 20
+  }
 };
 </pre>
 
@@ -476,7 +479,13 @@ var options = {
   <td>Number</td>
   <td>5</td>
   <td>The padding of items, needed to correctly calculate the size
-    of item ranges. Must correspond with the css of item ranges.</td>
+    of item ranges. Must correspond with the css of items, for example when setting <code>options.padding=10</code>, corresponding css is:
+  <pre class="prettyprint lang-css">
+.vis.timeline .item {
+  padding: 10px;
+}
+  </pre>
+  </td>
 </tr>
 
 <tr>

src/timeline/component/ItemSet.js

@@ -446,8 +446,8 @@ ItemSet.prototype.getAxis = function getAxis() {
 ItemSet.prototype.reflow = function reflow () {
   var changed = 0,
       options = this.options,
-      marginAxis = options.margin && options.margin.axis || this.defaultOptions.margin.axis,
-      marginItem = options.margin && options.margin.item || this.defaultOptions.margin.item,
+      marginAxis = (options.margin && 'axis' in options.margin) ? options.margin.axis : this.defaultOptions.margin.axis,
+      marginItem = (options.margin && 'item' in options.margin) ? options.margin.item : this.defaultOptions.margin.item,
       update = util.updateProperty,
       asNumber = util.option.asNumber,
       asSize = util.option.asSize,

src/timeline/component/css/item.css

@@ -47,7 +47,8 @@
   background: none;
 }
 
-.vis.timeline .dot {
+.vis.timeline .dot,
+.vis.timeline .item.dot {
   padding: 0;
   border: 5px solid #97B0F8;
   position: absolute;