From 1977a882ba94be897547d1d6e698cf99206960d9 Mon Sep 17 00:00:00 2001
From: Thibault Duplessis <t@lichess.org>
Date: Sun, 20 Oct 2024 13:38:38 +0200
Subject: [PATCH] mod timeline UI tweaks

---
 app/views/mod/communication.scala |  2 +-
 ui/mod/css/_communication.scss    | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/views/mod/communication.scala b/app/views/mod/communication.scala
index 7d863bbbb322c..6327e40bcd85d 100644
--- a/app/views/mod/communication.scala
+++ b/app/views/mod/communication.scala
@@ -116,8 +116,8 @@ def communication(
                   )
               )
             ,
+            h2("Recent inbox messages"),
             div(cls := "threads")(
-              h2("Recent inbox messages"),
               convos.nonEmpty.option:
                 convos.map: modConvo =>
                   div(cls := "thread")(
diff --git a/ui/mod/css/_communication.scss b/ui/mod/css/_communication.scss
index cf722507c6412..fd4872806752d 100644
--- a/ui/mod/css/_communication.scss
+++ b/ui/mod/css/_communication.scss
@@ -50,6 +50,7 @@
     display: block;
     float: left;
     width: 33.33%;
+    border-bottom: $border;
   }
 
   .player_chats .game:nth-child(odd) {
@@ -74,7 +75,7 @@
 
   .player_chats .game .chat {
     padding-top: 0;
-    height: 20em;
+    height: 15em;
     overflow: hidden;
   }
 
@@ -95,6 +96,7 @@
   .mod-timeline__event .message,
   .player_chats .line.author,
   .threads .post.author {
+    opacity: 1;
     cursor: pointer;
     border-bottom: 1px dashed $c-accent;
     &:hover {
@@ -105,7 +107,11 @@
   .thread {
     padding: 20px;
     overflow-y: auto;
-    max-height: 400px;
+    max-height: 300px;
+    border-bottom: $border;
+  }
+  .thread td {
+    padding: 0.3em 1em;
   }
 
   .thread .title {