From 85a1cfe6b865cf8aa119b910b7bc2b97fbc295de Mon Sep 17 00:00:00 2001 From: ntr Date: Thu, 2 May 2019 13:26:49 +1000 Subject: [PATCH] improve new game form --- client/cryps.css | 14 +++--- .../src/components/instance.create.form.jsx | 44 ++++++++++--------- client/src/events.jsx | 2 +- server/src/instance.rs | 2 +- server/src/net.rs | 24 ++++++++++ 5 files changed, 56 insertions(+), 30 deletions(-) diff --git a/client/cryps.css b/client/cryps.css index 3ee86ce6..634aebe7 100644 --- a/client/cryps.css +++ b/client/cryps.css @@ -309,27 +309,28 @@ header { display: flex; flex-flow: row wrap; - justify-content: space-between; - align-items: flex-start; border: 1px solid whitesmoke; padding: 1em; margin-bottom: 1.5em; } +.create-form form { + margin: 0; + flex: 1 1 50%; +} + .create-form.disabled { border: 1px solid #333; color: #333; } -.create-form select, .create-form input, .create-form label { +/*.create-form select, .create-form input, .create-form label { margin: 0; } - +*/ .create-form button { flex: 0 1 25%; font-size: 1.5em; - display: block; - margin-bottom: 0; } /* @@ -869,7 +870,6 @@ CRYP DAMAGE } .menu-instance-list { - order: -1; flex: unset; width: 100%; } diff --git a/client/src/components/instance.create.form.jsx b/client/src/components/instance.create.form.jsx index 4e52fbc9..8f627ade 100644 --- a/client/src/components/instance.create.form.jsx +++ b/client/src/components/instance.create.form.jsx @@ -55,27 +55,29 @@ class InstanceCreateForm extends Component { const classes = `create-form ${disabled ? 'disabled' : ''}`; return (
- - - - +
+ + + + +