Move edit buttons

2 files changed, 30 insertions, 5 deletions

diff --git a/docs/examples/assets/css/style.css b/docs/examples/assets/css/style.css
index 10ecda9..982398b 100644
--- a/docs/examples/assets/css/style.css
+++ b/docs/examples/assets/css/style.css
@@ -9,11 +9,7 @@ form div {
 }
 
 h2 {
-    padding: 0 0 0 55px;
-    margin: 20px auto 5px auto;
     font-size: 14px;
-    text-align: left;
-    clear: both;
 }
 
 p, li, dt, dd, td, th, div {
@@ -36,6 +32,7 @@ p, li, dt, dd, td, th, div {
     height:200px;
     width: 850px;
     margin: 0 auto 0 auto;
+    clear: both;
 }
 
 .tickLabel {
@@ -90,3 +87,25 @@ input[type=text] {
 #calroot {
     z-index: 2;
 }
+
+.chart-header {
+    width: 790px;
+    padding: 5px 0 5px 0;
+    margin: 20px auto 0 auto;
+    position: relative;
+    left: 25px;
+}
+
+.chart-header:AFTER {
+    content: ''
+}
+
+.chart-container h2{
+    float: left;
+    margin: 0;
+}
+
+.chart-container .chart-controls{
+    float: right;
+    margin: 0;
+}
diff --git a/docs/examples/index.html b/docs/examples/index.html
index 6acf2b8..2bec8aa 100644
--- a/docs/examples/index.html
+++ b/docs/examples/index.html
@@ -61,7 +61,13 @@
         </div>
         <div class="tabbed-chart-interface"></div>
         <div class="chart-container">
-            <h2 class="title"></h2>
+            <div class="chart-header">
+                <h2 class="title"></h2>
+                <div class="chart-controls">
+                    <input type="button" name="chart_edit" value="edit">
+                    <input type="button" name="chart_delete" value="delete">
+                </div>
+            </div>
             <div class="error"></div>
             <div class="chart"></div>
             <div class="graph-legend"></div>