From 0ffe0eab7dd8a7998028dc5b308fabbf27d95b56 Mon Sep 17 00:00:00 2001
From: vbakke <vegard.bakke@owasp.org>
Date: Tue, 18 Aug 2026 22:40:44 +0200
Subject: [PATCH] Fixed clip-off. Adjusted control variables

---
 src/app/app.component.css                           |  2 +-
 .../circular-heatmap/circular-heatmap.component.ts  | 13 +++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/app/app.component.css b/src/app/app.component.css
index d9d39268b..ecf6deb62 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -76,7 +76,7 @@
 }
 
 .content {
-  padding: 24px;
+  padding: 12px;
   animation: fadeSlide 1s ease;
   height: 100%;
   box-sizing: border-box;
diff --git a/src/app/pages/circular-heatmap/circular-heatmap.component.ts b/src/app/pages/circular-heatmap/circular-heatmap.component.ts
index c2e83c620..554d1651b 100644
--- a/src/app/pages/circular-heatmap/circular-heatmap.component.ts
+++ b/src/app/pages/circular-heatmap/circular-heatmap.component.ts
@@ -310,7 +310,7 @@ export class CircularHeatmapComponent implements OnInit, OnDestroy {
   ) {
     let _self = this;
     var imageWidth = 1200;
-    var marginAll = 5;
+    var marginAll = 0;
     var margin = {
       top: marginAll,
       right: marginAll,
@@ -318,7 +318,7 @@ export class CircularHeatmapComponent implements OnInit, OnDestroy {
       left: marginAll,
     };
     var bbWidth = imageWidth - Math.max(margin.left + margin.right, margin.top + margin.bottom) * 2; // bounding box
-    var segmentLabelHeight = bbWidth * 0.0166; // Magic fudge number. to match the longest label within one sector
+    var segmentLabelHeight = 42;
     var outerRadius = bbWidth / 2 - segmentLabelHeight;
     var innerRadius = outerRadius / (maxLevel + 1);
     var segmentHeight = (outerRadius - innerRadius) / maxLevel;
@@ -460,10 +460,11 @@ export class CircularHeatmapComponent implements OnInit, OnDestroy {
         // console.log(d3.selectAll(".circular-heat")["_groups"][0].length)
         var id = 1;
 
-        //Segment labels
-        var segmentLabelFontSize = (segmentLabelHeight * 2) / 3;
-        var segmentLabelOffset = (segmentLabelHeight * 1) / 3;
-        var r =
+        var segmentLabelOffset = 7;
+        var labelLineSpacing = 1.1;
+        var labelLineHeight = (segmentLabelHeight - segmentLabelOffset) / 2;
+        var segmentLabelFontSize = labelLineHeight / labelLineSpacing;
+        var labelBaseRadius =
           innerRadius + Math.ceil(data.length / numSegments) * segmentHeight + segmentLabelOffset;
         var labels = svg
           .append('g')