From d7c686918866cc0262b3bda251a8768b61315ec8 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Thu, 16 May 2019 21:55:17 +0100
Subject: [PATCH 1/2] Apply Flex voodoo

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 res/css/views/dialogs/_DevtoolsDialog.scss     | 9 +++++++--
 src/autocomplete/UserProvider.js               | 2 +-
 src/components/views/dialogs/DevtoolsDialog.js | 6 ++++--
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/res/css/views/dialogs/_DevtoolsDialog.scss b/res/css/views/dialogs/_DevtoolsDialog.scss
index 2f01f3ecc6..1f5d36b57a 100644
--- a/res/css/views/dialogs/_DevtoolsDialog.scss
+++ b/res/css/views/dialogs/_DevtoolsDialog.scss
@@ -82,8 +82,13 @@ limitations under the License.
     display: inline-block;
 }
 
-.mx_DevTools_content .mx_Field_input + .mx_Field_input {
-    margin-left: 42px;
+.mx_DevTools_eventTypeStateKeyGroup {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.mx_DevTools_content .mx_Field_input:first-of-type {
+    margin-right: 42px;
 }
 
 .mx_DevTools_tgl {
diff --git a/src/autocomplete/UserProvider.js b/src/autocomplete/UserProvider.js
index d4a5ec5e74..e1dd8ea620 100644
--- a/src/autocomplete/UserProvider.js
+++ b/src/autocomplete/UserProvider.js
@@ -119,7 +119,7 @@ export default class UserProvider extends AutocompleteProvider {
                     component: (
                         <PillCompletion
                             initialComponent={<MemberAvatar member={user} width={24} height={24} />}
-                            title={displayName}
+                            title={displayName}mx_DevTools_content
                             description={user.userId} />
                     ),
                     range,
diff --git a/src/components/views/dialogs/DevtoolsDialog.js b/src/components/views/dialogs/DevtoolsDialog.js
index 0835c41bb9..9327e1e54e 100644
--- a/src/components/views/dialogs/DevtoolsDialog.js
+++ b/src/components/views/dialogs/DevtoolsDialog.js
@@ -128,8 +128,10 @@ class SendCustomEvent extends GenericEditor {
 
         return <div>
             <div className="mx_DevTools_content">
-                { this.textInput('eventType', _t('Event Type')) }
-                { this.state.isStateEvent && this.textInput('stateKey', _t('State Key')) }
+                <div className="mx_DevTools_eventTypeStateKeyGroup">
+                    { this.textInput('eventType', _t('Event Type')) }
+                    { this.state.isStateEvent && this.textInput('stateKey', _t('State Key')) }
+                </div>
 
                 <br />
 

From b2aad4afb10eb6d65ba6ee1023dff29f3951e0d8 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Fri, 17 May 2019 00:28:45 +0100
Subject: [PATCH 2/2] remove accidental paste

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 src/autocomplete/UserProvider.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/autocomplete/UserProvider.js b/src/autocomplete/UserProvider.js
index e1dd8ea620..d4a5ec5e74 100644
--- a/src/autocomplete/UserProvider.js
+++ b/src/autocomplete/UserProvider.js
@@ -119,7 +119,7 @@ export default class UserProvider extends AutocompleteProvider {
                     component: (
                         <PillCompletion
                             initialComponent={<MemberAvatar member={user} width={24} height={24} />}
-                            title={displayName}mx_DevTools_content
+                            title={displayName}
                             description={user.userId} />
                     ),
                     range,