questionnaire defect 47

components/pdftemplates/lpaQuestionnaire_pdf.js

@@ -53,6 +53,27 @@ const styles = StyleSheet.create({
         paddingLeft: 10,
         backgroundColor: "white",
     },
+    questionAnswerSmall: {
+        color: "#757575",
+        width: "300",
+        fontSize: 12,
+        padding: 5,
+        border: 1,
+        borderColor: "#eee",
+        paddingLeft: 10,
+        backgroundColor: "white",
+        marginRight: 10,
+    },
+    questionAnswerSmaller: {
+        color: "#757575",
+        width: "90",
+        fontSize: 12,
+        padding: 5,
+        border: 1,
+        borderColor: "#eee",
+        paddingLeft: 10,
+        backgroundColor: "white",
+    },
     questionAnswerMid: {
         color: "#757575",
         width: "20%",
@@ -74,6 +95,15 @@ const styles = StyleSheet.create({
         padding: 5,
     },
 
+    questionAnswerFull: {
+        color: "#757575",
+        width: "100%",
+        fontSize: 10,
+        padding: 5,
+        border: 1,
+        borderColor: "#eee",
+        backgroundColor: "white",
+    },
     sectionContainer: {
         backgroundColor: "#F8F8F8",
         padding: 10,
@@ -489,7 +519,6 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                             </Text>
                         </View>
                         <View style={styles.sectionContainer}>
-                            ]
                             <View
                                 style={{
                                     flexDirection: "column",
@@ -1411,15 +1440,18 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     }}
                                 >
                                     <Text
-                                        style={{ width: "40%", fontSize: 12 }}
+                                        style={{ width: "20%", fontSize: 12 }}
                                     >
                                         {getTrans(
                                             docProps.locale,
                                             "s78-section-question-signed"
                                         )}
                                     </Text>
-                                    <Text style={styles.questionAnswer}>
+                                    <Text
-                                        {values.caseOfficer}
+                                        style={styles.questionAnswerSmall}
+                                        wrap={false}
+                                    >
+                                        w{values.caseOfficer}
                                     </Text>
                                 </View>
                                 <View
@@ -1429,13 +1461,13 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                         alignItems: "center",
                                     }}
                                 >
-                                    <Text style={styles.questionText}>
+                                    <Text style={{ width: "75", fontSize: 12 }}>
                                         {getTrans(
                                             docProps.locale,
                                             "s78-section-question-date"
                                         )}
                                     </Text>
-                                    <Text style={styles.questionAnswer}>
+                                    <Text style={styles.questionAnswerSmaller}>
                                         {formatDates(values.signedDate)}
                                     </Text>
                                 </View>
@@ -1487,9 +1519,6 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                             marginBottom: 10,
                                         }}
                                     >
-                                        <Text
-                                            style={styles.questionBullet}
-                                        ></Text>
                                         <Text style={styles.questionTextWide}>
                                             {getTrans(
                                                 docProps.locale,
@@ -1499,7 +1528,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     </View>
                                     <View
                                         style={[
-                                            styles.questionAnswerWide,
+                                            styles.questionAnswerFull,
                                             { flexDirection: "column" },
                                         ]}
                                     >
@@ -1516,14 +1545,16 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                                     >
                                                         <Text
                                                             styles={
-                                                                styles.questionTextMid
+                                                                styles.questionAnswer
                                                             }
                                                         >
-                                                            {p.name} -{" "}
+                                                            {p.name}
+                                                            {"\n"}(
                                                             {bytesToSize(
-                                                                p.contentLength
+                                                                p.contentLength ||
-                                                            )}{" "}
+                                                                    p.size
-                                                            {"\n"}
+                                                            )}
+                                                            ){" "}
                                                         </Text>
                                                     </View>
                                                 );