Add rudimentary style

2017-02-17 09:02:18 -06:00 · 2017-02-17 09:02:18 -06:00 · 717fd1ed3f
parent 8701f15a04
commit 717fd1ed3f
1 changed files with 11 additions and 4 deletions
--- a/ui/src/dashboards/components/VisualizationSelector.js
+++ b/ui/src/dashboards/components/VisualizationSelector.js
@ -1,13 +1,20 @@
 import React from 'react'

 const VisualizationSelector = () => (
-  <div className="">
+  <div className="" style={{
+    display: 'flex',
+    width: '100%',
+    background: '#676978',
+    padding: '10px',
+    borderRadius: '3px',
+    marginBottom: '10px',
+  }}>
    <div className="">
-      Visualizations
-      <div className="btn btn-sm btn-info">
+      VISUALIZATIONS
+      <div className="btn btn-info" style={{margin: "0 5px 0 5px"}}>
        Line Graph
      </div>
-      <div className="btn btn-sm btn-info">
+      <div className="btn btn-info" style={{margin: "0 5px 0 5px"}}>
        SingleStat
      </div>
    </div>