⚡ Episodes (no paging)

src/components/c-episode-list-card/index.css.ts

@@ -2,27 +2,30 @@ import { css } from "lit";
 
 export const styles = css`
 	:host {
-		list-style: none;
-		padding: 1rem;
-		border-bottom: 1px solid #eee;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
+		display: grid;
+		grid-template-areas:
+			"title title"
+			"date feed"
+			"content content";
+			grid-template-rows:
+				fit-content
+				fit-content
+				1fr;
 	}
-
-	.info {
-		display: flex;
-		flex-direction: column;
+	h2 {
+		grid-area: title;
+		text-wrap: balance;
+		text-wrap: pretty;
 	}
-
-	.title {
-		font-weight: bold;
-		text-decoration: none;
-		color: var(--primary-color, #007bff);
-	}
-
-	time {
-		font-size: 0.85rem;
+	time, .feed {
 		color: #666;
 	}
+	time { grid-area: date; }
+	.feed { grid-area: feed; }
+	.content {
+		grid-area: content;
+		max-height: 3.5lh;
+		overflow: auto;
+		font-size: .9em;
+	}
 `;