diff --git a/web/src/style.css b/web/src/style.css
index cb8e957..bf203ec 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -2011,18 +2011,51 @@ body {
     display: inline;
   }
 
+  /* no indent: the episode list is already inside its season, and the gutter
+     it used to sit in is gone */
   .episodes {
-    padding-left: var(--space-4);
+    padding-left: 0;
   }
 
-  /* an episode row wraps: identity first, chips full-width, actions right */
+  /* an episode row holds one line too. A phone has room for the identity,
+     whether the file is on disk, and the control — everything else is detail
+     you open the desktop for. Hidden, not shrunk: half a date is worse than
+     no date. */
+  .episode {
+    flex-wrap: nowrap;
+  }
+
+  /* the title takes the slack and truncates rather than pushing anything down */
+  .ep-title {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  .ep-air {
+    display: none;
+  }
+
+  /* the state chip stays, and so does a flag — a vanished episode is a
+     conflict, not an attribute. Resolution, language and the waived-rule
+     chip go; they are what a wide screen is for. */
+  .ep-chips .chip:not([data-movie-state]):not([data-flag]) {
+    display: none;
+  }
+
+  /* no auto margin: it would absorb the free space before .ep-title's
+     flex-grow could claim it, truncating titles that had room to spare */
   .ep-chips {
     margin-left: 0;
-    flex-basis: 100%;
+    flex: none;
+    flex-basis: auto;
   }
 
   .ep-actions {
-    margin-left: auto;
+    flex: none;
+    margin-left: var(--space-2);
   }
 
   .releases-id {