From 5f6fc88b9b39bd01df9fac64f6415c571dba305d Mon Sep 17 00:00:00 2001
From: "Benjamin Arntzen (aider)" <zorlin@gmail.com>
Date: Thu, 27 Jun 2024 08:31:12 +0100
Subject: [PATCH] Increased the z-index of the pie chart container to ensure it
 is displayed on top of other elements.

---
 public/app.js     | 1 +
 public/index.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/app.js b/public/app.js
index 677207c..cd929af 100644
--- a/public/app.js
+++ b/public/app.js
@@ -37,6 +37,7 @@ function updatePieChart() {
   }
 
   pieChartContainer.style.display = 'block';
+  pieChartContainer.style.zIndex = '9999';
 
   const colors = Object.keys(colorDistribution);
   const data = colors.map(color => colorDistribution[color]);
diff --git a/public/index.html b/public/index.html
index 20833e0..fb95f85 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,7 +23,7 @@
   <div class="container" id="nodeContainer"></div>
 
   <div id="network"></div>
-  <div id="pieChartContainer" style="display: none; position: fixed; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 10px; border-radius: 5px; z-index: 1000;">
+  <div id="pieChartContainer" style="display: none; position: fixed; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 10px; border-radius: 5px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5);">
     <canvas id="pieChart" width="200" height="200"></canvas>
     <div id="colorDistribution"></div>
   </div>