From ffb1584e10bbd4d83971c6bfa3e05041a0e93540 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 18 Feb 2016 18:59:45 +0000
Subject: [PATCH] horizontally scale images properly

---
 .../vector/css/matrix-react-sdk/views/messages/MImageBody.css  | 3 ++-
 .../vector/css/matrix-react-sdk/views/rooms/EventTile.css      | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/MImageBody.css b/src/skins/vector/css/matrix-react-sdk/views/messages/MImageBody.css
index fe10f3309e..8af3701ef7 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/MImageBody.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/messages/MImageBody.css
@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 .mx_MImageBody_thumbnail {
+    max-width: 100%;
 /*
     background-color: #fff;
     border: 2px solid #fff;
@@ -25,7 +26,6 @@ limitations under the License.
 .mx_MImageBody_download {
     color: #76cfa6;
     cursor: pointer;
-    margin-left: -16px;
 }
 
 .mx_MImageBody_download a {
@@ -34,6 +34,7 @@ limitations under the License.
 }
 
 .mx_MImageBody_download object {
+    margin-left: -16px;
     padding-right: 4px;
     margin-top: -4px;
     vertical-align: middle;
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
index b2451a5374..6344ac568f 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
@@ -51,11 +51,11 @@ limitations under the License.
 
 .mx_EventTile_line {
     position: relative;
+    margin-right: 100px;
 }
 
 .mx_EventTile_content {
     display: block;
-    margin-right: 100px;
     overflow-y: hidden;
 }