From 1802a6391a9fbc7290bcbbab5f63f4b908baa1d5 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Thu, 20 Mar 2025 13:54:54 -0500
Subject: [PATCH] Tweak events and dates

---
 app/assets/stylesheets/comments.css               | 2 +-
 app/views/comments/_body.html.erb                 | 2 +-
 app/views/event_summaries/_event_summary.html.erb | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/comments.css b/app/assets/stylesheets/comments.css
index 58d6cd5df..8e7153ed2 100644
--- a/app/assets/stylesheets/comments.css
+++ b/app/assets/stylesheets/comments.css
@@ -26,6 +26,7 @@
   flex-direction: column;
   flex: 1 0 20%;
   gap: 1lh;
+  margin-block-start: 0.8em;
 }
 
 .comment {
@@ -123,6 +124,5 @@
   font-size: 0.8em;
   font-weight: 500;
   gap: 0.5ch;
-  opacity: 0.7;
   text-align: start;
 }
diff --git a/app/views/comments/_body.html.erb b/app/views/comments/_body.html.erb
index b6e63228b..8ddff2589 100644
--- a/app/views/comments/_body.html.erb
+++ b/app/views/comments/_body.html.erb
@@ -3,7 +3,7 @@
     <div class="comment__content flex-inline flex-column full-width">
       <div class="comment__author flex align-center gap-half">
         <strong><%= link_to comment.creator.name, user_path(comment.creator), class: "txt-ink btn btn--plain fill-transparent", data: { turbo_frame: "_top" } %></strong>
-        <%= link_to bucket_bubble_path(comment.bubble.bucket, comment.bubble, anchor: "comment_#{comment.id}"), class: "txt-undecorated" do %>
+        <%= link_to bucket_bubble_path(comment.bubble.bucket, comment.bubble, anchor: "comment_#{comment.id}"), class: "txt-undecorated txt-uppercase" do %>
           <%= local_datetime_tag comment.created_at, style: :shortdate, class: "comment__timestamp" %>
         <% end %>
 
diff --git a/app/views/event_summaries/_event_summary.html.erb b/app/views/event_summaries/_event_summary.html.erb
index 8f3b642cd..d25a1a991 100644
--- a/app/views/event_summaries/_event_summary.html.erb
+++ b/app/views/event_summaries/_event_summary.html.erb
@@ -1,6 +1,7 @@
 <% unless event_summary.body.blank? %>
   <div class="event-summary flex flex-column justify-start txt-tight-lines">
-    <strong><%= local_datetime_tag event_summary.created_at, style: :shortdate %></strong>
+    <strong class="txt-uppercase"><%= local_datetime_tag event_summary.created_at, style: :shortdate %></strong>
+    <hr class="separator--horizontal margin-none full-width" style="--border-color: var(--color-subtle-dark);">
     <div class="flex flex-wrap" data-controller="event-summary">
       <%= event_summary.body %>
     </div>