Project page adjustments.

PlotLine/Views/Projects/Details.cshtml

@@ -70,15 +70,15 @@
     <div class="alert alert-warning">@projectExportMessage</div>
 }
 
-<section class="mb-4" aria-label="Series summary">
-    <div class="row g-3">
+<section class="mb-3" aria-label="Series summary">
+    <div class="row g-2">
         @foreach (var card in summaryCards)
         {
             <div class="col-6 col-md-4 col-xl-2">
                 <div class="card h-100 dashboard-summary-card @card.Item3">
-                    <div class="card-body py-3">
-                        <p class="eyebrow mb-2">@card.Item1</p>
-                        <strong class="fs-3 lh-1">@card.Item2</strong>
+                    <div class="card-body dashboard-summary-body">
+                        <p class="eyebrow dashboard-summary-label">@card.Item1</p>
+                        <strong class="dashboard-summary-value">@card.Item2</strong>
                     </div>
                 </div>
             </div>
@@ -86,13 +86,13 @@
     </div>
 </section>
 
-<section class="mb-4" aria-label="Series progress">
+<section class="mb-3" aria-label="Series progress">
     <div class="card dashboard-progress-card">
-        <div class="card-body">
-            <div class="d-flex align-items-start justify-content-between gap-3 flex-wrap mb-3">
+        <div class="card-body dashboard-progress-body">
+            <div class="d-flex align-items-start justify-content-between gap-3 flex-wrap dashboard-progress-heading">
                 <div>
                     <p class="eyebrow mb-1">Series Progress</p>
-                    <h2 class="h5 mb-1">@Model.SeriesProgress.Percentage.ToString("0.#")% complete</h2>
+                    <h2 class="dashboard-progress-title">@Model.SeriesProgress.Percentage.ToString("0.#")% complete</h2>
                     <p class="muted mb-0">@Model.SeriesProgress.SupportingLine</p>
                 </div>
                 <span class="status-pill dashboard-progress-source">@Model.SeriesProgress.CalculationLabel</span>

PlotLine/wwwroot/css/site.css

@@ -364,6 +364,22 @@ td.text-end {
   border-color: var(--plotline-line);
 }
 
+.dashboard-summary-body {
+  padding: 10px 12px;
+}
+
+.dashboard-summary-label {
+  margin-bottom: 4px;
+  font-size: 0.7rem;
+  line-height: 1.15;
+}
+
+.dashboard-summary-value {
+  display: block;
+  font-size: 1.45rem;
+  line-height: 1;
+}
+
 .dashboard-summary-calm {
   border-color: rgba(47, 111, 99, 0.28);
   background: rgba(238, 245, 242, 0.62);
@@ -384,8 +400,22 @@ td.text-end {
   background: linear-gradient(180deg, #ffffff 0%, rgba(238, 245, 242, 0.64) 100%);
 }
 
+.dashboard-progress-body {
+  padding: 12px 14px;
+}
+
+.dashboard-progress-heading {
+  margin-bottom: 8px;
+}
+
+.dashboard-progress-title {
+  margin: 0 0 2px;
+  font-size: 1.05rem;
+  line-height: 1.2;
+}
+
 .dashboard-series-progress {
-  height: 10px;
+  height: 7px;
   background: rgba(47, 111, 99, 0.1);
 }