From a709bf03f52b320bbceae08519084e99bc76174a Mon Sep 17 00:00:00 2001
From: carlobortolan <carlobortolan@gmail.com>
Date: Sat, 25 Jan 2025 17:33:50 +0100
Subject: [PATCH] Update viewerjs toolbar styles

---
 src/components/image/ImageWithFallback.tsx | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/image/ImageWithFallback.tsx b/src/components/image/ImageWithFallback.tsx
index c2dd4801..7cd60e4a 100644
--- a/src/components/image/ImageWithFallback.tsx
+++ b/src/components/image/ImageWithFallback.tsx
@@ -70,10 +70,6 @@ export default function ImageWithFallback(props: ImageProps & {
           zoomIn: 1,
           zoomOut: 1,
           reset: 1,
-          play: {
-            show: 0,
-            size: 'large',
-          },
           tooltip: 1,
         },
       });
@@ -99,9 +95,19 @@ export default function ImageWithFallback(props: ImageProps & {
 
   return (
     <>
-      <style jsx global>
-        {'.viewer-canvas { background-color: black !important; }'}
-      </style>
+      <style jsx global>{` // Viewerjs customizations
+        .viewer-canvas { background-color: black !important; }
+        .viewer-reset::before {
+          content: '1:1'; 
+          font-size: 13px; 
+          font-weight: 600; 
+          color: #fff; 
+          display: inline-block; 
+          position: relative; 
+          bottom: -9px; 
+          letter-spacing: -2px; 
+          background-image: none; 
+        }`}</style>
       <div
         className={clsx(
           className,