Revamp EpisodeIconView + format item.overview properly

Some metadata sources use '<br>' instead of '\n' for newlines.
This fixes that for the most part.

1 files changed, 12 insertions, 12 deletions

diff --git a/Jel/Views/Item/Series/ItemSeriesEpisodeIconView.swift b/Jel/Views/Item/Series/ItemSeriesEpisodeIconView.swift
index 9217bea..c198e66 100644
--- a/Jel/Views/Item/Series/ItemSeriesEpisodeIconView.swift
+++ b/Jel/Views/Item/Series/ItemSeriesEpisodeIconView.swift
@@ -14,30 +14,30 @@ struct ItemSeriesEpisodeIconView: View {
   
   @EnvironmentObject var size: ScreenSize
   
-  var iconWidthMultiplier: CGFloat = 0.35
+  var iconWidthMultiplier: CGFloat = 0.5
   
   var body: some View {
     VStack(alignment: .leading) {
-      HStack(alignment: .top) {
-        ItemIconView(item: item, width: (size.size.width * iconWidthMultiplier), height: (size.size.width * iconWidthMultiplier) / 1.7)
+      HStack {
+        ItemIconView(item: item,
+                     width: (size.size.width * iconWidthMultiplier),
+                     height: (size.size.width * iconWidthMultiplier) / 1.7,
+                     contentMode: .fill)
         
         VStack(alignment: .leading) {
           Text("Episode \(item.indexNumber ?? 0)")
-            .foregroundStyle(Color.secondary)
-            .font(.caption)
-          Text(item.name ?? "---")
-            .bold()
-            .lineLimit(nil)
-          
-          Text(item.overview ?? "")
-            .foregroundStyle(Color.secondary)
+            .foregroundStyle(.secondary)
             .font(.callout)
           
-          Spacer()
+          Text(item.name ?? "---")
+            .bold()
         }
         .frame(height: (size.size.width * iconWidthMultiplier) / 1.7)
       }
+      ExpandableText((item.overviewNL ?? "").replacingOccurrences(of: "<br>", with: "\n"))
+        .foregroundColor(.secondary)
     }
+    .padding(.vertical)
   }
 }