From e117e833bd28b87951dab1e3f740d742f5af843b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20La=20Scala?= <jeremy.lascala@epfl.ch>
Date: Fri, 31 May 2024 09:59:29 +0200
Subject: [PATCH] fix: change label orientation (#239)

the new style is supported by chrome (webkit)
the labels may overflow on the left, where more space is usually available
because of the buttons
---
 src/modules/likertItem/LikertItem.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/modules/likertItem/LikertItem.tsx b/src/modules/likertItem/LikertItem.tsx
index 03f1a73c..41a549f6 100644
--- a/src/modules/likertItem/LikertItem.tsx
+++ b/src/modules/likertItem/LikertItem.tsx
@@ -101,9 +101,8 @@ const LikertItem: FC<LikertItemProps> = ({
             typography: {
               sx: {
                 transformOrigin: 'top center',
-                transform: 'rotate(45deg) translate(0.5em, 0)',
-                writingMode: 'sideways-lr',
-                width: '100%',
+                transform: 'rotate(-45deg) translate(-0.5em, 0)',
+                writingMode: 'vertical-lr',
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
               },