improving ui

frontend/assets/css/style.css

@@ -46,8 +46,8 @@ body {
 /* Timeline */
 .timeline-item {
     position: relative;
-    padding-left: 2rem;
-    margin-bottom: 1.5rem;
+    padding-left: 1.6rem;
+    margin-bottom: 1rem;
 }
 
 .timeline-item::before {
@@ -66,10 +66,10 @@ body {
 
 .timeline-dot {
     position: absolute;
-    left: .25rem;
-    top: .35rem;
-    width: 12px;
-    height: 12px;
+    left: .15rem;
+    top: .45rem;
+    width: 10px;
+    height: 10px;
     border-radius: 50%;
     border: 2px solid;
     background: var(--neptune-card);
@@ -100,8 +100,8 @@ body {
 .comment-box {
     background: #0d1117;
     border-radius: .375rem;
-    padding: .5rem .75rem;
-    margin-top: .5rem;
+    padding: .35rem .6rem;
+    margin-top: .3rem;
 }
 
 .comment-box .comment-author {
@@ -111,13 +111,13 @@ body {
 }
 
 .comment-box .comment-body {
-    font-size: .85rem;
-    margin-top: .15rem;
+    font-size: .8rem;
+    margin-top: .05rem;
 }
 
 .comment-box + .comment-box {
     border-top: 1px solid var(--neptune-border);
-    padding-top: .5rem;
+    padding-top: .3rem;
 }
 
 .comment-log {
@@ -216,12 +216,14 @@ kbd {
 }
 
 .event-meta {
-    font-size: .75rem;
+    font-size: .7rem;
     color: #64748b;
+    white-space: nowrap;
 }
 
 .event-title {
     color: #f1f5f9;
+    font-size: .9rem;
 }
 
 .comment-input-group .btn {