From b9c2c264e55fa4ac66996953fb90ba06f8c2d51d Mon Sep 17 00:00:00 2001
From: almossawi <almossawi@gmail.com>
Date: Thu, 23 Oct 2014 22:49:42 -0700
Subject: [PATCH] Fix issue #165

---
 index.html | 56 ++++++++++++++++++++++--------------------------------
 1 file changed, 23 insertions(+), 33 deletions(-)

diff --git a/index.html b/index.html
index 50aee36e..61244f2c 100644
--- a/index.html
+++ b/index.html
@@ -93,9 +93,7 @@ <h2 class='trunk-title'>Hassle-Free Layouts</h2>
                         <div class='legend'></div>
                     </div>
                     <div class='col-lg-8'>
-                        <div class='row'>
-                            <div class='col-lg-12 text-center extended-y-ticks' id='fake_users3'></div>
-                       </div>
+                        <div class='col-lg-12 text-center extended-y-ticks' id='fake_users3'></div>
                     </div>
                 </div>
                 
@@ -108,9 +106,7 @@ <h2 class='trunk-title'>Confidence Band</h2>
                         for each data point.</p>
                     </div>
                     <div class='col-lg-8'>
-                        <div class='row'>
-                            <div class='col-lg-12 text-center extended-x-ticks' id='confidence_band'></div>
-                       </div>
+                        <div class='text-center extended-x-ticks' id='confidence_band'></div>
                     </div>
                 </div>
             
@@ -145,9 +141,7 @@ <h2 class='trunk-title'>Update Chart Data</h2>
                         </div>
                     </div>
                     <div class='col-lg-8'>
-                        <div class='row'>
-                            <div class='col-lg-12 text-center' id='split_by'></div>
-                       </div>
+                            <div id='split_by'></div>
                     </div>
                 </div>
                 
@@ -167,9 +161,7 @@ <h2 class='trunk-title'>Modify Time Period</h2>
                         </div>
                     </div>
                     <div class='col-lg-8'>
-                        <div class='row'>
-                            <div class='col-lg-12 text-center' id='modify_time_period'></div>
-                        </div>
+                        <div id='modify_time_period'></div>
                     </div>
                 </div>
                 
@@ -225,9 +217,7 @@ <h2 class='trunk-title'>Logarithmic Scales</h2>
                         <i>y_scale_type</i> to <i>log</i>.</p>
                     </div>
                     <div class='col-lg-8'>
-                        <div class='row'>
-                            <div class='col-lg-12 text-center' id='log1'></div>
-                        </div>
+                        <div id='log1'></div>
                     </div>
                 </div>
 
@@ -246,6 +236,24 @@ <h2 class='trunk-title'>Min / Max Numbers on Y Axis</h2>
                     </div>
                 </div>
 
+                <div class='row trunk-section'>
+                    <div class='col-lg-4'>
+                        <h2 class='trunk-title'>Scatterplots</h2>
+                        <p>A few examples of scatterplots that demonstrate the chart 
+                        type's options, smoothers and rug plots.</p>
+                    </div>
+                    <div class='col-lg-8'>
+                        <div class='row'>
+                            <div class='col-lg-6 text-center' id='scatter-simple'></div>
+                            <div class='col-lg-6 text-center' id='scatter-size-and-color'></div>
+                        </div>
+                        <div class='row'>
+                            <div class='col-lg-6 text-center' id='scatter-line-best-fit'></div>
+                            <div class='col-lg-6' id='sls-time-series'></div>
+                        </div>
+                    </div>
+                </div>
+
                 <div class='row trunk-section'>
                     <div class='col-lg-4'>
                         <h2 class='trunk-title'>Histograms</h2>
@@ -274,24 +282,6 @@ <h2 class='trunk-title'>Histograms</h2>
                     </div>
                 </div>
 
-                <div class='row trunk-section'>
-                    <div class='col-lg-4'>
-                        <h2 class='trunk-title'>Scatterplots</h2>
-                        <p>A few examples of scatterplots that demonstrate the chart 
-                        type's options, smoothers and rug plots.</p>
-                    </div>
-                    <div class='col-lg-8'>
-                        <div class='row'>
-                            <div class='col-lg-6 text-center' id='scatter-simple'></div>
-                            <div class='col-lg-6 text-center' id='scatter-size-and-color'></div>
-                        </div>
-                        <div class='row'>
-                            <div class='col-lg-6 text-center' id='scatter-line-best-fit'></div>
-                            <div class='col-lg-6' id='sls-time-series'></div>
-                        </div>
-                    </div>
-                </div>
-
                 <div class='row trunk-section'>
                     <div class='col-lg-4'>
                         <h2 class='trunk-title'>Barplots</h2>