From 076582edc3fdfc3b585b81cf0272ec779168b532 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Sat, 28 Sep 2019 09:45:14 +0200
Subject: [PATCH] css fixes

 - don't pronounce avatar initials
 - prevent room header growing wider than screen
 - ensure messages wrap their text
---
 src/ui/web/css/avatar.css   | 1 +
 src/ui/web/css/layout.css   | 1 +
 src/ui/web/css/room.css     | 2 +-
 src/ui/web/css/timeline.css | 2 ++
 4 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/ui/web/css/avatar.css b/src/ui/web/css/avatar.css
index b780ef23..70a19bdd 100644
--- a/src/ui/web/css/avatar.css
+++ b/src/ui/web/css/avatar.css
@@ -15,6 +15,7 @@
     letter-spacing: calc(var(--avatar-size) * -0.05);
     background: white;
     color: black;
+    speak: none;
 }
 
 .avatar.large {
diff --git a/src/ui/web/css/layout.css b/src/ui/web/css/layout.css
index e9cea502..fe03ec3e 100644
--- a/src/ui/web/css/layout.css
+++ b/src/ui/web/css/layout.css
@@ -48,6 +48,7 @@ body {
 .TimelinePanel {
     flex: 3;
     min-height: 0;
+    min-width: 0;
     display: flex;
     flex-direction: column;
     height: 100%;
diff --git a/src/ui/web/css/room.css b/src/ui/web/css/room.css
index 955ad177..122055e0 100644
--- a/src/ui/web/css/room.css
+++ b/src/ui/web/css/room.css
@@ -31,7 +31,7 @@
 }
 
 .RoomHeader .room-description {
-    flex: 1 1 0;
+    flex: 1;
     min-width: 0;
 }
 
diff --git a/src/ui/web/css/timeline.css b/src/ui/web/css/timeline.css
index c11ea589..c5572adc 100644
--- a/src/ui/web/css/timeline.css
+++ b/src/ui/web/css/timeline.css
@@ -15,6 +15,8 @@
     padding: 5px 10px;
     margin: 5px 10px;
     background: blue;
+    /* first try break-all, then break-word, which isn't supported everywhere */
+    word-break: break-all;  
     word-break: break-word;
 }