update NetDetailModal

components/tripInfo/modal/style/NetDetailModal.styles.ts

@@ -140,6 +140,7 @@ const styles = StyleSheet.create({
     color: "#007AFF",
   },
   fishCard: {
+    position: "relative",
     backgroundColor: "#fff",
     borderRadius: 12,
     padding: 16,
@@ -152,7 +153,7 @@ const styles = StyleSheet.create({
   },
   fieldGroup: {
     marginBottom: 12,
-    position: "relative",
+    marginTop: 0,
   },
   rowGroup: {
     flexDirection: "row",
@@ -231,6 +232,38 @@ const styles = StyleSheet.create({
     shadowRadius: 8,
     shadowOffset: { width: 0, height: 4 },
   },
+  fishCardHeaderContent: {
+    flexDirection: "row",
+    gap: 5,
+  },
+  chevronIconRight: {
+    position: "absolute",
+    top: 6,
+    right: 12,
+    zIndex: 1000,
+    backgroundColor: "#007AFF",
+    borderRadius: 8,
+    width: 40,
+    height: 40,
+    padding: 0,
+    justifyContent: "center",
+    alignItems: "center",
+    shadowColor: "#000",
+    shadowOpacity: 0.08,
+    shadowRadius: 2,
+    shadowOffset: { width: 0, height: 1 },
+    elevation: 2,
+  },
+  fishCardTitle: {
+    fontSize: 16,
+    fontWeight: "600",
+    color: "#000",
+  },
+  fishCardSubtitle: {
+    fontSize: 15,
+    color: "#ff6600",
+    marginTop: 0,
+  },
 });
 
 export default styles;