From eb0d3e74bd09f8a2d7cb3799af9107f106836292 Mon Sep 17 00:00:00 2001
From: carlobeltrame <carlo@beltra.me>
Date: Mon, 29 Jul 2024 11:41:24 +0200
Subject: [PATCH] Fix position of marker on scale in PDF

---
 .../print/evaluationGrid/EvaluationGridCheckbox.jsx       | 2 +-
 .../print/evaluationGrid/EvaluationGridRowControl.jsx     | 8 +++++++-
 resources/js/components/print/evaluationGrid/styles.js    | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/print/evaluationGrid/EvaluationGridCheckbox.jsx b/resources/js/components/print/evaluationGrid/EvaluationGridCheckbox.jsx
index 51f04ef5..8fe04127 100644
--- a/resources/js/components/print/evaluationGrid/EvaluationGridCheckbox.jsx
+++ b/resources/js/components/print/evaluationGrid/EvaluationGridCheckbox.jsx
@@ -4,7 +4,7 @@ import styles from './styles.js';
 
 function EvaluationGridCheckbox({circular, checked}) {
     return <View style={{ ...styles.evaluationGridRowCheckbox, ...(circular ? { borderRadius: '4mm' } : { borderRadius: '3pt'}) }}>
-        { checked ? <View style={{ width: '8pt', height: '8mm', textAlign: 'center', position: 'absolute', top: '-0.5pt', left: '4pt' }}><Text>❌</Text></View> : <View /> }
+        { checked ? <View style={{ width: '8pt', height: '8mm', textAlign: 'center', position: 'absolute', top: '-0.5pt', left: '1pt' }}><Text>❌</Text></View> : <View /> }
     </View>
 }
 
diff --git a/resources/js/components/print/evaluationGrid/EvaluationGridRowControl.jsx b/resources/js/components/print/evaluationGrid/EvaluationGridRowControl.jsx
index 4adb8e9b..26709531 100644
--- a/resources/js/components/print/evaluationGrid/EvaluationGridRowControl.jsx
+++ b/resources/js/components/print/evaluationGrid/EvaluationGridRowControl.jsx
@@ -11,7 +11,13 @@ function EvaluationGridRowControl({rowTemplate, row, t}) {
                 <View style={styles.evaluationGridRowScaleTicks}>
                     {[...Array(9)].map((e, i) => <View key={i} style={styles.evaluationGridRowScaleTick} />)}
                 </View>
-                { row && (row.value !== null) ? <View style={{ width: '8pt', height: '8mm', textAlign: 'center', position: 'absolute', top: '-2mm', left: (parseInt(row.value) + 1) + '0%' }}><Text>❌</Text></View> : <View /> }
+                { row && (row.value === null) ? <View /> :
+                    <View style={{ position: 'absolute', margin: '0 7pt 0 6pt', left: '-5pt', right: '5pt', top: '-6pt', height: '7mm' }}>
+                        <View style={{ position: 'absolute', left: (Math.round(parseInt(row.value) * 1000 / 9) / 10) + '%', width: '11pt', height: '100%', textAlign: 'center' }}>
+                            <Text>❌</Text>
+                        </View>
+                    </View>
+                }
             </View>
             <View style={styles.evaluationGridRowScaleLabels}>
                 {['--', '-', '+', '++'].map((e, i) => <Text key={i} style={styles.evaluationGridRowScaleLabel}>{e}</Text>)}
diff --git a/resources/js/components/print/evaluationGrid/styles.js b/resources/js/components/print/evaluationGrid/styles.js
index f2e09daa..893822b4 100644
--- a/resources/js/components/print/evaluationGrid/styles.js
+++ b/resources/js/components/print/evaluationGrid/styles.js
@@ -66,7 +66,7 @@ const styles = {
   },
   evaluationGridRowScaleAxisSquish: {
     width: '100%',
-    padding: '0 2mm',
+    padding: '0 6pt',
     display: 'flex',
     flexDirection: 'column',
   },