From 56d58f86003f4a78aa490cdf4a1abe4ab07d5edd Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Mon, 25 Feb 2019 22:38:33 +0000
Subject: [PATCH] make better use of space

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 res/css/views/dialogs/_DevtoolsDialog.scss     | 8 ++++++++
 src/components/views/dialogs/DevtoolsDialog.js | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/res/css/views/dialogs/_DevtoolsDialog.scss b/res/css/views/dialogs/_DevtoolsDialog.scss
index f8c863505a..815e8408b5 100644
--- a/res/css/views/dialogs/_DevtoolsDialog.scss
+++ b/res/css/views/dialogs/_DevtoolsDialog.scss
@@ -73,6 +73,14 @@ limitations under the License.
     width: 100%;
 }
 
+.mx_DevTools_content .mx_Field_input {
+    display: inline-block;
+}
+
+.mx_DevTools_content .mx_Field_input + .mx_Field_input {
+    margin-left: 42px;
+}
+
 .mx_DevTools_tgl {
     display: none;
 
diff --git a/src/components/views/dialogs/DevtoolsDialog.js b/src/components/views/dialogs/DevtoolsDialog.js
index 8bf9310dca..3db516a74d 100644
--- a/src/components/views/dialogs/DevtoolsDialog.js
+++ b/src/components/views/dialogs/DevtoolsDialog.js
@@ -57,7 +57,7 @@ class GenericEditor extends DevtoolsComponent {
     }
 
     textInput(id, label) {
-        return <Field id={id} label={label} size="32" autoFocus={true} type="text" autoComplete="on"
+        return <Field id={id} label={label} size="42" autoFocus={true} type="text" autoComplete="on"
                       value={this.state[id]} onChange={this._onChange} />;
     }
 }