mini change in anomalies

components/anomaly.tsx

@@ -66,7 +66,7 @@ export default function Anomaly({data,style}: Props) {
                 {data.chantier.anomalies.length > 0 ? (
                   data.chantier.anomalies.map((anomaly, index) => (
                   <ThemedView key={index} lvl={2} style={styles.anomalyItem}>
-                    <ThemedText>• {anomaly}</ThemedText>
+                    <ThemedText style={styles.anomalyText}>• {anomaly}</ThemedText>
                     <TouchableOpacity onPress={() => handleDelete(anomaly)} style={styles.deleteButton}>
                     <Text style={styles.deleteText}>✕</Text>
                     </TouchableOpacity>
@@ -99,7 +99,7 @@ const styles = StyleSheet.create({
   anomaliesContainer: {
     padding: 5,
     borderRadius: 10,
-    height: 150,
+    //height: 150,
   },
   anomaliesTitle: {
     fontSize: 16,
@@ -107,10 +107,16 @@ const styles = StyleSheet.create({
     marginBottom: 8,
   },
   anomalyItem: {
+    flexDirection: "row",
+    alignItems: "flex-start",
     padding: 8,
     marginBottom: 5,
     borderRadius: 8,
   },
+  anomalyText: {
+  flex: 1,
+  marginLeft: 5,
+  },
   noAnomaly: {
     fontStyle: "italic",
     opacity: 0.7,
@@ -133,6 +139,7 @@ const styles = StyleSheet.create({
   //add anomaly styles
   addContainer: {
     marginTop: 10,
+    marginLeft: 2,
     flexDirection: "row",
     alignItems: "center"
   },
@@ -144,6 +151,7 @@ const styles = StyleSheet.create({
     marginRight: 8,
   },
   addButton: {
+    color: "white",
     paddingVertical: 8,
     paddingHorizontal: 12,
     borderRadius: 8,