From 907b664c81997c4d1c0141e077176a675774a94b Mon Sep 17 00:00:00 2001
From: "@suet-kei.chan" <suet-kei.chan@t-systems.com>
Date: Tue, 12 May 2026 22:16:34 +0200
Subject: [PATCH 1/2] fix: center progress ring in slideshow across all
 browsers

Remove CSS cx/cy properties on svg circle which are not supported in Safari and Firefox, and fix asymmetric height to ensure the progress ring renders correctly in all browsers.
---
 css/apps/viewer.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/css/apps/viewer.scss b/css/apps/viewer.scss
index e324f345..0a3e9942 100644
--- a/css/apps/viewer.scss
+++ b/css/apps/viewer.scss
@@ -62,11 +62,7 @@
 
                 svg.progress-ring {
                     width: 48px;
-                    height: 44px;
-                    circle {
-                        cx: 22;
-                        cy: 22;
-                    }
+                    height: 48px;
                 }
             }
 

From 8a280096c33e849125b24bc5049996dc4c769f57 Mon Sep 17 00:00:00 2001
From: "@suet-kei.chan" <suet-kei.chan@t-systems.com>
Date: Tue, 12 May 2026 22:20:55 +0200
Subject: [PATCH 2/2] fix: restore circle shape on slideshow play button hover

Remove horizontal padding from play-pause button that was causing the pill border-radius to render as an oval instead of a circle on hover. Use flexbox centering instead.
---
 css/apps/viewer.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/css/apps/viewer.scss b/css/apps/viewer.scss
index 0a3e9942..48977096 100644
--- a/css/apps/viewer.scss
+++ b/css/apps/viewer.scss
@@ -35,6 +35,8 @@
                 background-color: var(--nmc-color-regular);
                 border-radius: var(--border-radius-pill);
                 display: flex;
+                align-items: center;
+                justify-content: center;
                 width: 48px;
                 height: 48px;
 
@@ -53,8 +55,6 @@
 
             button.play-pause-icons {
                 margin: calc((var(--header-height) - var(--clickable-area-large)) / 2);
-                padding-left: 0.75rem;
-                padding-right: 0.75rem;
 
                 & > span.material-design-icon {
                     margin: 0;