From 5d962e1feb26ad97f63f364141dac313d49709bc Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Sun, 11 Oct 2015 18:04:01 +0100
Subject: [PATCH] improve horizontal flexing of timeline

---
 src/skins/vector/css/common.css           | 2 ++
 src/skins/vector/css/pages/MatrixChat.css | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/skins/vector/css/common.css b/src/skins/vector/css/common.css
index 1b2aa410..879561f9 100644
--- a/src/skins/vector/css/common.css
+++ b/src/skins/vector/css/common.css
@@ -15,6 +15,8 @@ limitations under the License.
 */
 
 html {
+    /* hack to stop overscroll bounce on OSX and iOS.
+       N.B. Breaks things when we have legitimate horizontal overscroll */
     height: 100%;
     overflow: hidden;
 }
diff --git a/src/skins/vector/css/pages/MatrixChat.css b/src/skins/vector/css/pages/MatrixChat.css
index 58f280fd..6fa0415a 100644
--- a/src/skins/vector/css/pages/MatrixChat.css
+++ b/src/skins/vector/css/pages/MatrixChat.css
@@ -88,7 +88,9 @@ limitations under the License.
     padding-left: 12px;
     padding-right: 12px;
     background-color: #f3f8fa;
-    width: 100%;
+
+    -webkit-flex: 1;
+    flex: 1;
 
     /* XXX: Hack: apparently if you try to nest a flex-box
      * within a non-flex-box within a flex-box, the height