2 files changed, 24 insertions, 17 deletions

diff --git a/Jel/Views/Item/Series/ItemSeriesEpisodeIconView.swift b/Jel/Views/Item/Series/ItemSeriesEpisodeIconView.swift
index fea8997..9217bea 100644
--- a/Jel/Views/Item/Series/ItemSeriesEpisodeIconView.swift
+++ b/Jel/Views/Item/Series/ItemSeriesEpisodeIconView.swift
@@ -12,23 +12,30 @@ import ExpandableText
 struct ItemSeriesEpisodeIconView: View {
   var item: BaseItemDto
   
+  @EnvironmentObject var size: ScreenSize
+  
+  var iconWidthMultiplier: CGFloat = 0.35
+  
   var body: some View {
-    HStack(alignment: .top) {
-      VStack(alignment: .leading) {
-        Text("Episode \(item.indexNumber ?? 0)")
-          .foregroundStyle(Color.secondary)
-          .font(.callout)
-        ItemIconView(item: item, width: UIScreen.screenWidth * 0.5, contentMode: .fill)
-          .setAspectRatio(item.primaryImageAspectRatio ?? 1.7)
-      }
-      .frame(width: UIScreen.screenWidth * 0.5)
-      
-      VStack(alignment: .leading) {
-        Text(item.name ?? "Episode \(item.indexNumber ?? 0)")
-          .font(.callout)
-          .bold()
-        Text(item.overview ?? "")
-          .frame(height: (UIScreen.screenWidth * 0.5) / (item.primaryImageAspectRatio ?? 1.7)) // Calculate optimal amount of lines based on episode image
+    VStack(alignment: .leading) {
+      HStack(alignment: .top) {
+        ItemIconView(item: item, width: (size.size.width * iconWidthMultiplier), height: (size.size.width * iconWidthMultiplier) / 1.7)
+        
+        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)
+            .font(.callout)
+          
+          Spacer()
+        }
+        .frame(height: (size.size.width * iconWidthMultiplier) / 1.7)
       }
     }
   }
diff --git a/Jel/Views/Item/Series/ItemSeriesEpisodesView.swift b/Jel/Views/Item/Series/ItemSeriesEpisodesView.swift
index 2588515..17d5c9b 100644
--- a/Jel/Views/Item/Series/ItemSeriesEpisodesView.swift
+++ b/Jel/Views/Item/Series/ItemSeriesEpisodesView.swift
@@ -17,7 +17,7 @@ struct ItemSeriesEpisodesView: View {
   @State var episodeItems: [BaseItemDto] = []
   
   var body: some View {
-    VStack {
+    VStack(alignment: .leading) {
       ForEach(episodeItems) {episode in
         ItemSeriesEpisodeIconView(item: episode)
       }