From f6f1a5519e90e2d907464d85f928135182ca6754 Mon Sep 17 00:00:00 2001
From: Arnaud Vergnet <arnaud.vergnet@mailo.com>
Date: Mon, 10 May 2021 21:27:27 +0200
Subject: [PATCH] improve proximo list item

---
 src/components/Lists/Proximo/ProximoListItem.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Lists/Proximo/ProximoListItem.tsx b/src/components/Lists/Proximo/ProximoListItem.tsx
index c9a9010..9f2c517 100644
--- a/src/components/Lists/Proximo/ProximoListItem.tsx
+++ b/src/components/Lists/Proximo/ProximoListItem.tsx
@@ -23,6 +23,7 @@ import i18n from 'i18n-js';
 import type { ProximoArticleType } from '../../../screens/Services/Proximo/ProximoMainScreen';
 import { StyleSheet } from 'react-native';
 import Urls from '../../../constants/Urls';
+import GENERAL_STYLES from '../../../constants/Styles';
 
 type PropsType = {
   onPress: () => void;
@@ -34,9 +35,13 @@ type PropsType = {
 const styles = StyleSheet.create({
   avatar: {
     backgroundColor: 'transparent',
+    marginRight: 5,
   },
   text: {
+    marginLeft: 10,
     fontWeight: 'bold',
+    fontSize: 15,
+    ...GENERAL_STYLES.centerVertical,
   },
   item: {
     justifyContent: 'center',
@@ -47,6 +52,7 @@ function ProximoListItem(props: PropsType) {
   return (
     <List.Item
       title={props.item.name}
+      titleNumberOfLines={2}
       description={`${props.item.quantity} ${i18n.t(
         'screens.proximo.inStock'
       )}`}
@@ -59,7 +65,9 @@ function ProximoListItem(props: PropsType) {
           source={{ uri: Urls.proximo.images + props.item.image }}
         />
       )}
-      right={() => <Text style={styles.text}>{props.item.price}€</Text>}
+      right={() => (
+        <Text style={styles.text}>{props.item.price.toFixed(2)}€</Text>
+      )}
       style={{
         height: props.height,
         ...styles.item,