enlargable show tiles

src/app/schedule/schedule.component.html

@@ -17,7 +17,7 @@
       } @else {
         <div class="show-list">
           @for (show of state.shows; track show.id) {
-            <article class="show-card">
+            <article class="show-card" [class.expanded]="expandedShowId === show.id" (click)="toggleShow(show.id)">
               <!-- Left: Show art badge -->
               <div class="show-card-art">
                 @if (show.show_art_url) {
@@ -33,8 +33,9 @@
               <div class="show-card-right" [class.has-hero]="show.hero_image_url" [style.background-image]="show.hero_image_url ? 'url(' + resolveAsset(show.hero_image_url) + ')' : ''">
                 <div class="show-card-overlay"></div>
                 <div class="show-card-info">
+                  <span class="show-card-chevron" aria-hidden="true">&#x25B6;</span>
                   <h3 class="show-title">{{ show.title }}</h3>
-                  <p class="show-description">{{ show.description }}</p>
+                  <p class="show-description" [class.expanded]="expandedShowId === show.id">{{ show.description }}</p>
                   <div class="show-meta">
                     <span class="show-host">
                       <span aria-hidden="true">&#x1F399;</span> {{ show.host }}