Make summary display full-width

app/assets/stylesheets/events.css

@@ -22,12 +22,15 @@
     inline-size: auto;
     margin-block-end: calc(var(--block-space) * -1);
     margin-inline: auto;
-    max-inline-size: 80ch;
     padding: 1.1lh 1lh 1lh;
     position: relative;
     text-align: start;
     z-index: 2;
 
+    .events section:first-of-type & { 
+      border-radius: 0.5em 0.5em 0 0;
+    }
+
     &:has(.events__activity--generating) {
       --border-color: var(--color-selected-dark);
 
@@ -37,6 +40,11 @@
       text-align: center;
     }
 
+    > * {
+      margin-inline: auto;
+      max-inline-size: 80ch;
+    }
+
     a {
       color: inherit;
     }

app/views/events/day_timeline/_summary.html.erb

@@ -1,4 +1,4 @@
-<div class="events__activity-summary txt-small fill-white border border-radius">
+<div class="events__activity-summary txt-small fill-white border">
   <% if day_timeline.summarized? %>
     <%= render "events/day_timeline/activity_summary", summary: day_timeline.summary %>