From 67ab2300ec4935b0de93bcc617a98891adc61d0d Mon Sep 17 00:00:00 2001
From: Richard Hitier <hitier.richard@gmail.com>
Date: Mon, 12 Apr 2021 11:10:51 +0200
Subject: [PATCH] Fix appearance details

---
 app/main/static/css/charges.css | 8 ++++----
 app/main/static/js/charges.js   | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/main/static/css/charges.css b/app/main/static/css/charges.css
index a313f7c..5e9312d 100644
--- a/app/main/static/css/charges.css
+++ b/app/main/static/css/charges.css
@@ -60,14 +60,14 @@ rect.legend {
 }
 
 rect.bar {
-    stroke: white;
+    stroke: lightgrey;
     stroke-width: 0.5pt;
 }
 
 rect.bar:hover {
-    -webkit-filter: brightness(1.5);
-    -moz-filter: brightness(1.5);
-    filter: brightness(1.5);
+    -webkit-filter: brightness(0.5);
+    -moz-filter: brightness(0.5);
+    filter: brightness(0.8);
 }
 
 .tooltip {
diff --git a/app/main/static/js/charges.js b/app/main/static/js/charges.js
index f0a3cbb..00fc358 100644
--- a/app/main/static/js/charges.js
+++ b/app/main/static/js/charges.js
@@ -20,7 +20,7 @@ function build_chart(div_selector, data_url, entity_name, category) {
 
     const xScale = d3.scaleBand()
         .range([0, width])
-        .padding(0.2);
+        .padding(0.4);
 
     const yScale = d3.scaleLinear()
         .range([height, 0])
@@ -74,7 +74,7 @@ function build_chart(div_selector, data_url, entity_name, category) {
     var mouseleave = function (d) {
         tooltip
             .transition()
-            .duration(100)
+            .duration(900)
             .style("opacity", 0)
     }
 
@@ -160,7 +160,7 @@ function build_chart(div_selector, data_url, entity_name, category) {
         var xCategories = d3.scaleBand()
             .domain(categories)
             .range([0, xScale.bandwidth()])
-            .padding([0.05])
+            .padding([0.2])
 
         svg.append("g")
             .selectAll("g")
--
libgit2 0.21.2