improve timelines

1 files changed, 23 insertions, 3 deletions

diff --git a/static/style.css b/static/style.css
index d8a8ff8..95244cb 100644
--- a/static/style.css
+++ b/static/style.css
@@ -59,6 +59,11 @@ main {
   width: min(800px, 100vw);
 }
 
+h1 {
+  margin: 32px 16px;
+  padding: 0;
+}
+
 article.note {
   background: #fee4;
   border: 1px solid #3b005e44;
@@ -67,15 +72,30 @@ article.note {
   padding: 16px;
   display: grid;
   grid-template-columns: max-content 1fr;
-  gap: 8px;
+  gap: 16px;
 
   img.authorAvatar {
     width: 64px;
     aspect-ratio: 1;
   }
 
-  .authorName {
-    font-weight: bold;
+  .infoLine {
+    display: grid;
+    grid-auto-columns: max-content 1fr max-content;
+    grid-auto-flow: column;
+    align-items: baseline;
+    margin-bottom: 4px;
+    gap: 8px;
+
+    .authorName {
+      font-weight: bold;
+    }
+    .authorHandle,
+    .timestamp {
+      font-size: 10pt;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
   }
 }