From f78de6da6ce8541db00c3111e432636c7890c529 Mon Sep 17 00:00:00 2001
From: almossawi <almossawi@gmail.com>
Date: Tue, 12 Aug 2014 16:17:08 -0700
Subject: [PATCH] css cleanup for extended ticks (issue #112)

---
 css/metrics-graphics-demo.css | 10 ++--------
 index.html                    | 10 +++++-----
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/css/metrics-graphics-demo.css b/css/metrics-graphics-demo.css
index 2bdef56679..8460331311 100644
--- a/css/metrics-graphics-demo.css
+++ b/css/metrics-graphics-demo.css
@@ -1,14 +1,8 @@
-#long svg .y-axis line,
-#fake_users3 svg .y-axis line,
-#histogram svg .y-axis line {
+.extended-y-ticks svg .y-axis line {
     opacity: 0.1;
 }
 
-#histogram svg .bar rect {
-    fill: #aaaaff;
-}
-
-#confidence_band svg .x-axis line {
+.extended-x-ticks svg .x-axis line {
     opacity: 0.1;
 }
 
diff --git a/index.html b/index.html
index 6baee8cef0..c94a476eda 100644
--- a/index.html
+++ b/index.html
@@ -89,7 +89,7 @@ <h2 class='trunk-title'>Hassle-Free Layouts</h2>
                     </div>
                     <div class='col-lg-8'>
                         <div class='row'>
-                            <div class='col-lg-12 gr' id='fake_users3'></div>
+                            <div class='col-lg-12 gr extended-y-ticks' id='fake_users3'></div>
                        </div>
                     </div>
                 </div>
@@ -104,7 +104,7 @@ <h2 class='trunk-title'>Confidence Band</h2>
                     </div>
                     <div class='col-lg-8'>
                         <div class='row'>
-                            <div class='col-lg-12 gr' id='confidence_band'></div>
+                            <div class='col-lg-12 gr extended-x-ticks' id='confidence_band'></div>
                        </div>
                     </div>
                 </div>
@@ -247,11 +247,11 @@ <h2 class='trunk-title'>Histograms</h2>
                     </div>
                     <div class='col-lg-8'>
                         <div class='row'>
-                            <div class='col-lg-6 gr' id='histogram1'></div>
-                            <div class='col-lg-6 gr' id='histogram2'></div>
+                            <div class='col-lg-6 gr extended-y-ticks' id='histogram1'></div>
+                            <div class='col-lg-6 gr extended-y-ticks' id='histogram2'></div>
                         </div>
                         <div class='row'>
-                            <div class='col-lg-6 gr' id='histogram3'></div>
+                            <div class='col-lg-6 gr extended-y-ticks' id='histogram3'></div>
                             <div class='col-lg-6'></div>
                         </div>
                     </div>