From c4d408d095a65f418fb8f616a2db0214d61d2c8e Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Wed, 18 May 2016 17:02:39 +0100
Subject: [PATCH] CSS for IntegrationsManager

---
 .../views/settings/IntegrationsManager.js       |  4 ++--
 .../views/settings/IntegrationsManager.css      | 17 +++++++++++++++--
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/views/settings/IntegrationsManager.js b/src/components/views/settings/IntegrationsManager.js
index 0dffde4b29..8db010a2b0 100644
--- a/src/components/views/settings/IntegrationsManager.js
+++ b/src/components/views/settings/IntegrationsManager.js
@@ -48,8 +48,8 @@ module.exports = React.createClass({
 
     render: function() {
         return (
-            <div className="mx_IntegrationManager">
-                <iframe src={ this.props.src } width={640} height={600}></iframe>;
+            <div className="mx_IntegrationsManager">
+                <iframe src={ this.props.src }></iframe>
             </div>
         );
     }
diff --git a/src/skins/vector/css/matrix-react-sdk/views/settings/IntegrationsManager.css b/src/skins/vector/css/matrix-react-sdk/views/settings/IntegrationsManager.css
index 265231adcb..0fa40fe1ef 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/settings/IntegrationsManager.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/settings/IntegrationsManager.css
@@ -15,6 +15,19 @@ limitations under the License.
 */
 
 .mx_IntegrationsManager {
-    width: 640px;
-    height: 600px;
+    display: -webkit-flex;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    -webkit-align-items: center;
+    align-items: center;
+    justify-content: center;
+    -webkit-justify-content: center;
+}
+
+.mx_IntegrationsManager iframe {
+    background-color: #fff;
+    border: 0px;
+    width: 720px;
+    height: 512px;
 }