minor update

public/app/plugins/panel/graph2/module.tsx

@@ -40,9 +40,19 @@ export class TextOptions extends PureComponent<any> {
 
 
   render() {
   render() {
     return (
     return (
-      <div className="section gf-form-group">
-        <h5 className="section-heading">Draw Modes</h5>
-        <Switch label="Lines" checked={true} onChange={this.onChange} />
+      <div>
+        <div className="section gf-form-group">
+          <h5 className="page-heading">Draw Modes</h5>
+          <Switch label="Lines" labelClass="width-5" checked={true} onChange={this.onChange} />
+          <Switch label="Bars" labelClass="width-5" checked={false} onChange={this.onChange} />
+          <Switch label="Points" labelClass="width-5" checked={false} onChange={this.onChange} />
+        </div>
+        <div className="section gf-form-group">
+          <h5 className="page-heading">Modes Options</h5>
+          <Switch label="Lines" labelClass="width-5" checked={true} onChange={this.onChange} />
+          <Switch label="Bars" labelClass="width-5" checked={false} onChange={this.onChange} />
+          <Switch label="Points" labelClass="width-5" checked={false} onChange={this.onChange} />
+        </div>
       </div>
       </div>
     );
     );
   }
   }

public/app/plugins/panel/graph2/plugin.json

@@ -3,6 +3,8 @@
   "name": "React Graph",
   "name": "React Graph",
   "id": "graph2",
   "id": "graph2",
 
 
+  "state": "alpha",
+
   "info": {
   "info": {
     "author": {
     "author": {
       "name": "Grafana Project",
       "name": "Grafana Project",

public/sass/components/_viz_editor.scss

@@ -53,6 +53,10 @@
   flex-grow: 0;
   flex-grow: 0;
 }
 }
 
 
+.viz-picker {
+  margin-bottom: $spacer;
+}
+
 .viz-picker__items {
 .viz-picker__items {
   display: flex;
   display: flex;
   // for scrollbar
   // for scrollbar