From 464cd3fe3e8947e82ce758611bd87658bd9c9afe Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Mon, 14 Oct 2024 01:34:57 +0300
Subject: [PATCH] web/timeline: add more padding to events

---
 web/src/ui/timeline/TimelineEvent.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/ui/timeline/TimelineEvent.css b/web/src/ui/timeline/TimelineEvent.css
index b23656f..c7804e0 100644
--- a/web/src/ui/timeline/TimelineEvent.css
+++ b/web/src/ui/timeline/TimelineEvent.css
@@ -3,11 +3,11 @@ div.timeline-event {
 	max-width: 100%;
 	overflow: hidden;
 	display: grid;
-	margin-top: .25rem;
+	margin-top: .5rem;
 	grid-template:
 		"avatar gap sender sender" auto
 		"avatar gap content status" auto
-		/ 2.5rem .25rem 1fr 2rem;
+		/ 2.5rem .5rem 1fr 2rem;
 
 	&:hover {
 		background-color: #eee;
@@ -42,11 +42,10 @@ div.timeline-event {
 		grid-area: timestamp;
 		display: none;
 		align-items: end;
-		justify-content: center;
 		font-size: .8rem;
 		color: #888;
 		max-height: 1.25rem;
-		margin-right: .25rem;
+		margin-left: .25rem;
 	}
 
 	> div.event-content {
@@ -77,7 +76,8 @@ div.timeline-event {
 	&.same-sender {
 		grid-template:
 			"timestamp content status" auto
-			/ 2.75rem 1fr 2rem;
+			/ 3rem 1fr 2rem;
+		margin-top: .25rem;
 
 		> div.sender-avatar, > div.event-sender-and-time {
 			display: none;
@@ -91,7 +91,7 @@ div.timeline-event {
 	&.hidden-event {
 		grid-template:
 			"timestamp avatar content status" auto
-			/ 2.75rem 1.5rem 1fr 2rem;
+			/ 3rem 1.5rem 1fr 2rem;
 
 		> div.sender-avatar {
 			width: 1.5rem;