web/timeline: add more padding to events

tulir · Oct 13, 2024 · 464cd3f · 464cd3f
1 parent a6d9ff5
commit 464cd3f
Showing 1 changed file with 6 additions and 6 deletions.
diff --git 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;