| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/assets/css/style.css | 1 | ||||
| -rw-r--r-- | public/index.html | 33 |
2 files changed, 23 insertions, 11 deletions
diff --git a/public/assets/css/style.css b/public/assets/css/style.css index f2eef7b..4ff79cf 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -132,6 +132,7 @@ button.set-firing-arc img { position: relative; white-space: nowrap; background-color: white; + transition: transform 0.25s; } .soldier-record span[slot] { diff --git a/public/index.html b/public/index.html index d4a9733..870c79e 100644 --- a/public/index.html +++ b/public/index.html @@ -101,17 +101,17 @@ <p class="grenades"> <span>Hand Grenades</span> <label><input type='checkbox' checked /><svg viewBox="-7 -7 14 14" xmlns="http://www.w3.org/2000/svg"> - <circle cx="0" cy="0" r="5" /> - </svg></label> + <circle cx="0" cy="0" r="5" /> + </svg></label> <label><input type='checkbox' checked /><svg viewBox="-7 -7 14 14" xmlns="http://www.w3.org/2000/svg"> - <circle cx="0" cy="0" r="5" /> - </svg></label> + <circle cx="0" cy="0" r="5" /> + </svg></label> <label><input type='checkbox' checked /><svg viewBox="-7 -7 14 14" xmlns="http://www.w3.org/2000/svg"> - <circle cx="0" cy="0" r="5" /> - </svg></label> + <circle cx="0" cy="0" r="5" /> + </svg></label> <label><input type='checkbox' checked /><svg viewBox="-7 -7 14 14" xmlns="http://www.w3.org/2000/svg"> - <circle cx="0" cy="0" r="5" /> - </svg></label> + <circle cx="0" cy="0" r="5" /> + </svg></label> </p> </template> @@ -361,9 +361,20 @@ <dialog id="clear-hex"> <p>Clear hex contents?</p> <div> - <form> - <button value="cancel" formmethod="dialog">Cancel</button> - <button value="confirm" formmethod="dialog">Confirm</button> + <form style="display: flex; flex-direction: row;"> + <div style="width: 50%;"> + <button + style="display: block; margin-right: auto;" + value="cancel" + formmethod="dialog" + >Cancel</button> + </div> + <div style="width: 50%;"> + <button + style="display: block; margin-left: auto;" + value="confirm" + >Confirm</button> + </div> </form> </div> </dialog> |