From 5286ec170ff535f43a4fbb41554af71c3fcd4302 Mon Sep 17 00:00:00 2001
From: Kegan Dougal <kegan@matrix.org>
Date: Thu, 24 Dec 2015 09:20:16 +0000
Subject: [PATCH] Wrangle CSS to get avatar in right place

---
 src/components/structures/UserSettings.js     |  4 ++--
 src/components/views/settings/ChangeAvatar.js | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/structures/UserSettings.js b/src/components/structures/UserSettings.js
index b1dc80e95d..c8916bfd44 100644
--- a/src/components/structures/UserSettings.js
+++ b/src/components/structures/UserSettings.js
@@ -198,7 +198,7 @@ module.exports = React.createClass({
 
                     <div className="mx_UserSettings_avatarPicker">
                         <ChangeAvatar ref="changeAvatar" initialAvatarUrl={avatarUrl}
-                            showUploadSection={false} />
+                            showUploadSection={false} className="mx_UserSettings_avatarPicker_img"/>
                         <div className="mx_UserSettings_avatarPicker_edit">
                             <label htmlFor="avatarInput">
                                 <img src="img/upload.svg"
@@ -214,7 +214,7 @@ module.exports = React.createClass({
 
                 <div className="mx_UserSettings_section">
                     <ChangePassword
-                        className="mx_UserSettings_profileTable"
+                        className="mx_UserSettings_accountTable"
                         rowClassName="mx_UserSettings_profileTableRow"
                         rowLabelClassName="mx_UserSettings_profileLabelCell"
                         rowInputClassName="mx_UserSettings_profileInputCell"
diff --git a/src/components/views/settings/ChangeAvatar.js b/src/components/views/settings/ChangeAvatar.js
index 0add8aecbf..ee2b5ad5e1 100644
--- a/src/components/views/settings/ChangeAvatar.js
+++ b/src/components/views/settings/ChangeAvatar.js
@@ -24,7 +24,8 @@ module.exports = React.createClass({
         initialAvatarUrl: React.PropTypes.string,
         room: React.PropTypes.object,
         // if false, you need to call changeAvatar.onFileSelected yourself.
-        showUploadSection: React.PropTypes.bool
+        showUploadSection: React.PropTypes.bool,
+        className: React.PropTypes.string
     },
 
     Phases: {
@@ -35,7 +36,8 @@ module.exports = React.createClass({
 
     getDefaultProps: function() {
         return {
-            showUploadSection: true
+            showUploadSection: true,
+            className: "mx_Dialog_content" // FIXME - shouldn't be this by default
         };
     },
 
@@ -121,7 +123,7 @@ module.exports = React.createClass({
         var uploadSection;
         if (this.props.showUploadSection) {
             uploadSection = (
-                <div className="mx_Dialog_content">
+                <div className={this.props.className}>
                     Upload new:
                     <input type="file" onChange={this.onFileSelected}/>
                     {this.state.errorText}
@@ -134,7 +136,7 @@ module.exports = React.createClass({
             case this.Phases.Error:
                 return (
                     <div>
-                        <div className="mx_Dialog_content">
+                        <div className={this.props.className}>
                             {avatarImg}
                         </div>
                         {uploadSection}