title: Vis js network - align label with one letter in node
body: <p>I have to align label with one letter (number) inside node using vis js network. As documentation says, there is <code>font.align</code> property inside <code>node</code> option and by default it's set to <code>center</code>. It looks nice when there are more than one letter in label: <a href="https://i.stack.imgur.com/MTkU7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MTkU7.png" alt="enter image description here"></a></p>
  
  <p>However with one letter it looks like labels are aligned to the left:
  <a href="https://i.stack.imgur.com/a3zCN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a3zCN.png" alt="enter image description here"></a></p>
  
  <p>Is it a bug or am I doing something wrong? If it's a bug, how can I get around it?</p>
  
  <p>My full code (i'm using react-graph-vis version 1.0.5):</p>
  
  <pre><code>import React from 'react';
  import Graph from "react-graph-vis";
  import 'vis-network/styles/vis-network.min.css';
  
  const ExecutionPathGraph = ({issueTraces}) =&gt; {
  
    const graph = {
      nodes: [
        { id: 1, label: "1"},
        { id: 2, label: "2"},
        { id: 3, label: "3"},
        { id: 4, label: "4"},
        { id: 5, label: "5"}
      ],
      edges: [
        { from: 1, to: 2 },
        { from: 1, to: 3 },
        { from: 2, to: 4 },
        { from: 2, to: 5 }
      ]
    };
  
    const options = {
      height: '500px',
      nodes: {
        shape: 'circle',
        borderWidth: 0,
        color: '#000',
        font: {
          color: '#fff',
          size: 18,
          align: 'center'
        },
        shadow: true,
      },
      edges: {
        color: {
          color: '#F98323'
        },
        width: 1.5
      },
      layout: {
        hierarchical: {
          sortMethod: 'directed',
          shakeTowards: 'roots',
          direction: 'UD'
        }
      },
      interaction: {
        dragNodes: false,
        dragView: false,
        selectable: false,
        selectConnectedEdges: false,
        hover: false,
        hoverConnectedEdges: false,
        zoomView: false,
      },
      physics: false
    };
  
    return (
        &lt;Graph
            graph={graph}
            options={options}
        /&gt;
    );
  };
  
  export default ExecutionPathGraph;
  </code></pre>