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 {