From a044e81edeafd5f6c9bf635e35ecde3c4657fb18 Mon Sep 17 00:00:00 2001
From: Matthias Lindinger <matthias.lindinger@bsb-muenchen.de>
Date: Wed, 22 May 2024 13:40:12 +0200
Subject: [PATCH] Add custom CSS class

---
 CHANGELOG.md                                      | 4 ++++
 src/components/WindowCanvasNavigationControls.jsx | 8 +++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c109b1c..5933a8a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 ## [Unreleased]
 
+### Added
+
+- Added custom CSS class
+
 ## [0.2.2](https://github.com/dbmdz/mirador-canvasnavigation/releases/tag/0.2.2) - 2024-02-21
 
 ### Fixed
diff --git a/src/components/WindowCanvasNavigationControls.jsx b/src/components/WindowCanvasNavigationControls.jsx
index c544a20..5764740 100644
--- a/src/components/WindowCanvasNavigationControls.jsx
+++ b/src/components/WindowCanvasNavigationControls.jsx
@@ -180,7 +180,13 @@ const WindowCanvasNavigationControls = ({
           >
             <PreviousCanvasIcon />
           </MiradorMenuButton>
-          <label className={classes.canvasPosition} htmlFor={inputId}>
+          <label
+            className={classNames(
+              classes.canvasPosition,
+              ns("canvas-position"),
+            )}
+            htmlFor={inputId}
+          >
             {t("scan")}
             <input
               className={classes.canvasInput}