Improved design of input fields to match template

This commit is contained in:
vladfreeze
2021-12-02 11:29:22 +01:00
committed by Min RK
parent 21231d2f23
commit 7a56cadfb5
2 changed files with 19 additions and 14 deletions

View File

@@ -155,7 +155,7 @@ export default class DynamicTable extends React.Component {
<tr key={"item-" + i}>
<td>
<input
className="properties-table-keyvalues"
className="form-control"
type="text"
value={o}
id={o + i}
@@ -174,7 +174,7 @@ export default class DynamicTable extends React.Component {
<tr key={"item-" + i}>
<td>
<input
className="properties-table-keyvalues"
className="form-control"
type="text"
value={o}
onChange={context.handleValueChanged.bind(context, i)}
@@ -225,7 +225,7 @@ export default class DynamicTable extends React.Component {
<tr>
<td>
<input
className="properties-table"
className="form-control"
type="text"
value={this.state.message}
onChange={this.updateMessageKey.bind(this)}
@@ -233,7 +233,7 @@ export default class DynamicTable extends React.Component {
</td>
<td>
<input
className="properties-table"
className="form-control"
type="text"
value={this.state.message2}
onChange={this.updateMessageValue.bind(this)}

View File

@@ -74,11 +74,13 @@ const GroupEdit = (props) => {
setChanged(true);
}}
/>
<div className="container">
<div className="row">
<div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
<div className="alert alert-info">Manage group properties</div>
</div>
</div>
<div className="row">
<div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
<DynamicTable
current_propobject={group_data.properties}
setProp={setProp}
@@ -87,6 +89,9 @@ const GroupEdit = (props) => {
setChanged={setChanged}
//Add keys
/>
</div>
</div>
<div className="row">
<div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
<button id="return" className="btn btn-light">