updated table layout
This commit is contained in:
parent
ff3799ab13
commit
53b45eeea7
15
index.html
15
index.html
@ -27,13 +27,13 @@
|
||||
<table class="table table-sm table-hover " id="combatants">
|
||||
<thead>
|
||||
<tr id="combatants-headrow">
|
||||
<th title="Initiative">Initiative</th>
|
||||
<th title="Name">Name</th>
|
||||
<th></th>
|
||||
<th class="col-5" title="Initiative">Initiative</th>
|
||||
<th class="col-6" title="Name">Name</th>
|
||||
<th class="col-1"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody id="sortable">
|
||||
<tbody class="align-middle" id="sortable">
|
||||
<tr class="table-active" id="formRow">
|
||||
<form name="combForm" id="combForm" onsubmit="return false;">
|
||||
<td>
|
||||
@ -42,10 +42,11 @@
|
||||
<td>
|
||||
<input type="text" maxlength="40" class="form-control" id="combName" placeholder="new combatant's name" required />
|
||||
</td>
|
||||
<td width="50px">
|
||||
<button type="button" class="btn btn-primary btn-sm" id="combAddButton" title="Add combatant to fight">Add</button>
|
||||
<td>
|
||||
<div class="btn-group d-flex">
|
||||
<button type="button" class="btn btn-secondary" id="combAddButton" title="Add combatant to fight">Add</button>
|
||||
</div>
|
||||
</td>
|
||||
<td width="80px"/>
|
||||
</form>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@ -138,10 +138,11 @@ console.log("Ini is: " + ini);
|
||||
'<td contenteditable="true" class="ini-editable" title="click to edit">', ini , '</td>',
|
||||
'<td contenteditable="true" class="name-editable" title="click to edit">', $("#combName").val(), '</td>',
|
||||
'<td>',
|
||||
'<button type="button" class="btn btn-sm btn-secondary act-button" title="Complete this combatant\'s current phase and reduce ini by 10">-10</button>',
|
||||
'</td>',
|
||||
'<td>',
|
||||
'<button type="button" class="btn btn-sm btn-danger remove-button" title="Remove combatant">Remove</button>',
|
||||
'<div class="btn-group d-flex">',
|
||||
'<button type="button" class="btn btn-warning w-50 act-button" title="Complete this combatant\'s current phase and reduce ini by 10">-10</button>',
|
||||
' ',
|
||||
'<button type="button" class="btn btn-danger w-50 remove-button" title="Remove combatant">X</button>',
|
||||
'</div>',
|
||||
'</td>',
|
||||
'</tr>'].join("")
|
||||
));
|
||||
|
||||
Loading…
Reference in New Issue
Block a user