fix up some of the modals

skins/base/css/common.css

@@ -86,14 +86,16 @@ html {
 
 .mx_Dialog button {
     border: 0px;
-    width: 80px;
     height: 36px;
-    line-height: 36px;
     border-radius: 36px;
     font-weight: 400;
     font-size: 16px;
     color: #fff;
     background-color: #80cef4;
+    margin-left: 8px;
+    margin-right: 8px;
+    padding-left: 1em;
+    padding-right: 1em;
 }
 
 .mx_ErrorDialogTitle {

skins/base/views/molecules/ChangeAvatar.js

@@ -43,11 +43,15 @@ module.exports = React.createClass({
             case this.Phases.Error:
                 return (
                     <div>
-                        <img src={this.state.avatarUrl} />
+                        <div className="mx_Dialog_content">
-                        <div>
+                            <img src={this.state.avatarUrl}/>
+                        </div>
+                        <div className="mx_Dialog_content">
                             Upload new:
                             <input type="file" onChange={this.onFileSelected}/>
                             {this.state.errorText}
+                        </div>    
+                        <div className="mx_Dialog_buttons">
                             <button onClick={this.props.onFinished}>Cancel</button>
                         </div>
                     </div>

skins/base/views/molecules/ChangePassword.js

@@ -51,11 +51,13 @@ module.exports = React.createClass({
             case this.Phases.Error:
                 return (
                     <div>
+                        <div className="mx_Dialog_content">
                             <div>{this.state.errorString}</div>
-                        <label>Old password <input type="password" ref="old_input"/></label>
+                            <div><label>Old password <input type="password" ref="old_input"/></label></div>
-                        <label>New password <input type="password" ref="new_input"/></label>
+                            <div><label>New password <input type="password" ref="new_input"/></label></div>
-                        <label>Confirm password <input type="password" ref="confirm_input"/></label>
+                            <div><label>Confirm password <input type="password" ref="confirm_input"/></label></div>
-                        <div>
+                        </div>
+                        <div className="mx_Dialog_buttons">
                             <button onClick={this.onClickChange}>Change Password</button>
                             <button onClick={this.props.onFinished}>Cancel</button>
                         </div>
@@ -63,14 +65,20 @@ module.exports = React.createClass({
                 );
             case this.Phases.Uploading:
                 return (
+                    <div className="mx_Dialog_content">
                         <Loader />
+                    </div>
                 );
             case this.Phases.Success:
                 return (
                     <div>
+                        <div className="mx_Dialog_content">
                             Success!
+                        </div>
+                        <div className="mx_Dialog_buttons">
                             <button onClick={this.props.onFinished}>Ok</button>
                         </div>
+                    </div>
                 )
         }
     }

skins/base/views/organisms/LogoutPrompt.js

@@ -26,11 +26,15 @@ module.exports = React.createClass({
 
     render: function() {
         return (
-            <div className="mx_LogoutPrompt">
+            <div>
-                Sign out?<br />
+                <div className="mx_Dialog_content">
+                    Sign out?
+                </div>
+                <div className="mx_Dialog_buttons">
                     <button onClick={this.logOut}>Sign Out</button>
                     <button onClick={this.cancelPrompt}>Cancel</button>
                 </div>
+            </div>
         );
     },
 });

skins/base/views/organisms/RoomView.js

@@ -21,7 +21,6 @@ var React = require('react');
 var MatrixClientPeg = require("../../../../src/MatrixClientPeg");
 
 var ComponentBroker = require('../../../../src/ComponentBroker');
-var Modal = require("../../../../src/Modal");
 var classNames = require("classnames");
 var filesize = require('filesize');
 var q = require('q');