From 309ad3160810011672a98cd029b8f3e6fc43b725 Mon Sep 17 00:00:00 2001
From: Daniel Garcia Briseno <94071409+dgarciabriseno@users.noreply.github.com>
Date: Fri, 26 Jan 2024 14:18:16 -0500
Subject: [PATCH] Fix gaps between tiles (#522)

---
 resources/css/helioviewer-base.css                 | 1 +
 resources/js/Viewport/CelestialBodiesSatellites.js | 2 --
 resources/js/Viewport/Helper/HelioviewerZoomer.js  | 4 ++--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/resources/css/helioviewer-base.css b/resources/css/helioviewer-base.css
index bf91eb641..82fd2ab4b 100644
--- a/resources/css/helioviewer-base.css
+++ b/resources/css/helioviewer-base.css
@@ -68,6 +68,7 @@ a.light:hover {
     left: 0px;
     display: block;
     overflow: visible;
+    mix-blend-mode: plus-lighter;
     -moz-user-select: none;
 }
 
diff --git a/resources/js/Viewport/CelestialBodiesSatellites.js b/resources/js/Viewport/CelestialBodiesSatellites.js
index 200fd10c0..22a5f1ea7 100644
--- a/resources/js/Viewport/CelestialBodiesSatellites.js
+++ b/resources/js/Viewport/CelestialBodiesSatellites.js
@@ -525,7 +525,6 @@ var CelestialBodiesSatellites = Class.extend(
     },
 
     _replotCoordinates: function(){
-        console.log("Called replot coordinates");
         var self = this;
         var currentRequestTime = helioviewer.timeControls.getTimestamp();
 
@@ -568,7 +567,6 @@ var CelestialBodiesSatellites = Class.extend(
         }
 
         var observers = Object.keys(this.trajectories);
-        console.log(observers);
         for(var observer of observers){
             var bodies = Object.keys(this.trajectories[observer]);
             for(var body of bodies){
diff --git a/resources/js/Viewport/Helper/HelioviewerZoomer.js b/resources/js/Viewport/Helper/HelioviewerZoomer.js
index 3f6aff7e4..67d56633b 100644
--- a/resources/js/Viewport/Helper/HelioviewerZoomer.js
+++ b/resources/js/Viewport/Helper/HelioviewerZoomer.js
@@ -131,7 +131,7 @@
 
     _updateScaleForElementWithId(id, scale) {
         let el = document.getElementById(id);
-        el.style.transform = "scale(" + scale + ")";
+        el.style.transform = "scale3d(" + scale + ", " + scale + ", 1)";
     }
 
     /**
@@ -164,7 +164,7 @@
             } else {
                 Helioviewer.userSettings.set('mobileZoomScale', scale);
                 this._scale = scale;
-                this._mc.style.transform = "scale(" + this._scale + ")";
+                this._updateScaleForElementWithId(this._mc.id, scale);
                 this._updateUIScale(scale);
                 this._updateReferenceScale(scale)
                 $(document).trigger('update-viewport');