From ad2710ec5d94aa0ad98437d088b0de8f7e9fe51b Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 9 Feb 2017 02:00:58 +0000
Subject: [PATCH] fix CSS for import/export buttons

---
 src/components/structures/UserSettings.js | 28 +++++++++++------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/structures/UserSettings.js b/src/components/structures/UserSettings.js
index 8885747585..fdade60dfd 100644
--- a/src/components/structures/UserSettings.js
+++ b/src/components/structures/UserSettings.js
@@ -552,21 +552,20 @@ module.exports = React.createClass({
         const deviceId = client.deviceId;
         const identityKey = client.getDeviceEd25519Key() || "<not supported>";
 
-        let exportButton = null,
-            importButton = null;
+        let importExportButtons = null;
 
         if (client.isCryptoEnabled) {
-            exportButton = (
-                <AccessibleButton className="mx_UserSettings_button"
-                        onClick={this._onExportE2eKeysClicked}>
-                    Export E2E room keys
-                </AccessibleButton>
-            );
-            importButton = (
-                <AccessibleButton className="mx_UserSettings_button"
-                        onClick={this._onImportE2eKeysClicked}>
-                    Import E2E room keys
-                </AccessibleButton>
+            importExportButtons = (
+                <div className="mx_UserSettings_importExportButtons">
+                    <AccessibleButton className="mx_UserSettings_button"
+                            onClick={this._onExportE2eKeysClicked}>
+                        Export E2E room keys
+                    </AccessibleButton>
+                    <AccessibleButton className="mx_UserSettings_button"
+                            onClick={this._onImportE2eKeysClicked}>
+                        Import E2E room keys
+                    </AccessibleButton>
+                </div>
             );
         }
         return (
@@ -577,8 +576,7 @@ module.exports = React.createClass({
                         <li><label>Device ID:</label>             <span><code>{deviceId}</code></span></li>
                         <li><label>Device key:</label>            <span><code><b>{identityKey}</b></code></span></li>
                     </ul>
-                    {exportButton}
-                    {importButton}
+                    { importExportButtons }
                 </div>
                 <div className="mx_UserSettings_section">
                     { CRYPTO_SETTINGS_LABELS.map( this._renderLocalSetting ) }