From 476f5af95f47ad68f50bafd0b52185515714f29b Mon Sep 17 00:00:00 2001
From: Jen Jones Arnesen <jennifer@dhis2.org>
Date: Wed, 13 Mar 2024 15:25:41 +0100
Subject: [PATCH] fix: use round style for line-join and line-cap (#566)

* fix: use round style for line-join and line-cap

* chore: do same for outline layer
---
 src/utils/layers.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/utils/layers.js b/src/utils/layers.js
index f2c3331b..02ce77dc 100644
--- a/src/utils/layers.js
+++ b/src/utils/layers.js
@@ -51,6 +51,10 @@ export const lineLayer = ({ id, color, width, opacity, source, filter }) => ({
         'line-width': widthExpr(width),
         'line-opacity': opacity ?? defaults.opacity,
     },
+    layout: {
+        'line-join': 'round',
+        'line-cap': 'round',
+    },
     filter: filter || isLine,
 })
 
@@ -84,6 +88,10 @@ export const outlineLayer = ({
         'line-width': widthExpr(width),
         'line-opacity': opacity ?? defaults.opacity,
     },
+    layout: {
+        'line-join': 'round',
+        'line-cap': 'round',
+    },
     filter: filter || isPolygon,
 })