From 9b00425209bf787f43370b6cfb4118621bded2ef Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Mon, 18 Dec 2023 13:34:05 +1000
Subject: [PATCH] Hack around overflow in some languages

The problem at the moment is that the two left buttons are not part
of the scrollable area on the right, and the scrollable area has been
manually positioned. We would need to move the buttons into the toolbar
area, and then hide them when using the desktop editor. For now, I've
just added wrapping/smaller text instead.

https://forums.ankiweb.net/t/image-occlusion-editor-buttons-overlap-in-some-languages/38499
---
 ts/image-occlusion/ImageOcclusionPage.svelte | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/ts/image-occlusion/ImageOcclusionPage.svelte b/ts/image-occlusion/ImageOcclusionPage.svelte
index c0a61b8ac..dd775ee14 100644
--- a/ts/image-occlusion/ImageOcclusionPage.svelte
+++ b/ts/image-occlusion/ImageOcclusionPage.svelte
@@ -70,6 +70,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         display: flex;
         padding: 0px 6px 0px 6px;
         height: 38px;
+        max-width: 60px;
+        font-size: small;
+        white-space: normal;
+        word-break: break-all;
+        hyphens: auto;
     }
 
     :global(.image-occlusion) {