Apply Flex voodoo

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

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 {

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,

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 />