From d386343d5c7a75a25746a6da39805a17c845b993 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Thu, 13 Aug 2020 17:58:56 +0200
Subject: [PATCH] adjust spacing, etc in timeline

---
 src/ui/web/css/themes/element/theme.css | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/ui/web/css/themes/element/theme.css b/src/ui/web/css/themes/element/theme.css
index 1cf68963..517537bb 100644
--- a/src/ui/web/css/themes/element/theme.css
+++ b/src/ui/web/css/themes/element/theme.css
@@ -19,6 +19,7 @@ limitations under the License.
 
 .hydrogen {
     font-family: 'Inter', sans-serif, 'emoji';
+    font-size: 15px;
     background-color: white;
     color: #2e2f32;
     
@@ -58,8 +59,8 @@ limitations under the License.
 }
 
 .LeftPanel li {
-    margin: 5px;
-    padding: 10px;
+    margin: 5px 10px;
+    padding: 5px;
     /* vertical align */
     align-items: center;
 }
@@ -143,8 +144,13 @@ a {
 }
 
 .message-container {
-    padding: 5px 10px;
-    margin: 5px 10px;
+    padding: 2px 10px;
+    margin: 5px 10px 0 10px;
+}
+
+.TextMessageView.continuation .message-container {
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
 .message-container .sender {
@@ -162,14 +168,10 @@ a {
 .hydrogen .sender.usercolor7 { color: var(--usercolor7); }
 .hydrogen .sender.usercolor8 { color: var(--usercolor8); }
 
-.TextMessageView .message-container time {
-    padding: 2px 0 0px 20px;
-    font-size: 0.9em;
-}
-
 .message-container time {
-    font-size: 0.9em;
-    color: lightblue;
+    padding: 2px 0 0px 10px;
+    font-size: 0.8em;
+    color: #aaa;
 }
 
 .TextMessageView.pending .message-container {