Fix card titles

Author: radical-ube

app/controllers/podcast_metrics_controller.rb

@@ -90,6 +90,7 @@ def feeds
     @podcast.feeds.each { |feed| @feeds << {feed: feed} if feeds_with_downloads.exclude?(feed) }
 
     render partial: "metrics/feeds_card", locals: {
+      podcast: @podcast,
       feeds: @feeds
     }
   end

app/views/metrics/_feeds_card.html.erb

@@ -2,7 +2,7 @@
   <ul class="list-group list-group-flush position-relative">
     <% feeds.map do |feed| %>
       <li class="list-group-item d-flex justify-content-between">
-        <span class="z-1"><%= feed[:feed].title || "Default Feed" %></span>
+        <span class="z-1"><%= link_to feed[:feed].label, podcast_feed_path(podcast, feed[:feed]) %></span>
         <span class="z-1"><%= number_with_delimiter(feed[:downloads]&.count) || 0 %></span>
       </li>
     <% end %>

app/views/metrics/_scorecard_dashboard.html.erb

@@ -14,8 +14,8 @@
     <div class="col ps-0 pe-2">
       <div class="card shadow">
         <div class="col">
-          <div class="card-header d-flex justify-content-between">
-            <span>Episode Downloads</span>
+          <div class="card-header d-flex justify-content-between align-items-center">
+            <span class="h4 fw-bold mb-0">Episode Downloads</span>
             <span>Last 28 Days</span>
           </div>
           <div class="card-body metrics-card-body">
@@ -29,8 +29,8 @@
     <div class="col pe-0 ps-2">
       <div class="card shadow">
         <div class="col">
-          <div class="card-header d-flex justify-content-between">
-            <span>Monthly Downloads</span>
+          <div class="card-header d-flex justify-content-between align-items-center">
+            <span class="h4 fw-bold mb-0">Monthly Downloads</span>
             <span>Past Year</span>
           </div>
           <div class="card-body metrics-card-body">

app/views/podcasts/show.html.erb

@@ -143,11 +143,11 @@
       <div class="col-lg-6 d-grid mb-4">
         <div class="card shadow">
           <div class="card-header d-flex justify-content-between align-items-center">
-            <span>Downloads by Feed</span>
+            <span class="h4 fw-bold mb-0">Downloads by Feed</span>
             <span>Last 28 Days</span>
           </div>
           <div class="card-body p-0">
-            <%= turbo_frame_tag "feeds", src: feeds_podcast_metrics_path(podcast_id: @podcast.id), loading: "lazy" do %>
+            <%= turbo_frame_tag "feeds", src: feeds_podcast_metrics_path(podcast_id: @podcast.id), loading: "lazy", target: "_top" do %>
               <%= render "metrics/loading_card" %>
             <% end %>
           </div>
@@ -158,7 +158,7 @@
       <div class="col-lg-6 d-grid mb-4">
         <div class="card shadow">
           <div class="card-header d-flex justify-content-between align-items-center">
-            <span>Downloads by Season</span>
+            <span class="h4 fw-bold mb-0">Downloads by Season</span>
             <span>All-Time</span>
           </div>
           <div class="card-body p-0">
@@ -172,7 +172,7 @@
     <div class="col-lg-6 d-grid mb-4">
       <div class="card shadow">
         <div class="card-header d-flex justify-content-between align-items-center">
-          <span>Downloads by Country</span>
+          <span class="h4 fw-bold mb-0">Downloads by Country</span>
           <span>Last 28 Days</span>
         </div>
         <div class="card-body p-0">
@@ -185,7 +185,7 @@
     <div class="col-lg-6 d-grid mb-4">
       <div class="card shadow">
         <div class="card-header d-flex justify-content-between align-items-center">
-          <span>Downloads by App</span>
+          <span class="h4 fw-bold mb-0">Downloads by App</span>
           <span>Last 28 Days</span>
         </div>
         <div class="card-body p-0">