diff options
| author | Tor Andersson <tor@ccxvii.net> | 2022-06-13 20:53:25 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2022-06-14 16:49:10 +0200 |
| commit | 64608341e200cceb92a6cb3e523e0863b2c04ccd (patch) | |
| tree | c780f08e61e610381c3c0570405335de4864eeb9 /views | |
| parent | 21bcebd491d0fa4393bb4f2263af446aa67bfedd (diff) | |
| download | server-64608341e200cceb92a6cb3e523e0863b2c04ccd.tar.gz | |
Transpose "join" table for better mobile layout.
Diffstat (limited to 'views')
| -rw-r--r-- | views/join.pug | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/views/join.pug b/views/join.pug index 8a19a09..39d2ff9 100644 --- a/views/join.pug +++ b/views/join.pug @@ -8,10 +8,13 @@ html game.title_id) title= game.title_name style. - table { min-width: auto; } - th,td { min-width: 10em; border: 1px solid black; } - table td a.red { text-decoration: none; color: brown; font-size: 14px; } + table { min-width: 0; } + th,td { border: 1px solid black; } + td a.red { text-decoration: none; color: brown; font-size: 14px; float: right; } td a { text-decoration: underline; color: blue; } + th { white-space: nowrap; background-color: gainsboro; } + td { width: 180px; background-color: white; } + #message { background-color: whitesmoke; } .hide { display: none; } script. let game = !{ JSON.stringify(game) } @@ -45,16 +48,13 @@ html p table - thead - tr - each role in roles - th.command(id="role_"+role.replace(/ /g, "_")+"_name")= role tbody - tr - each role in roles + each role in roles + tr + th(id="role_"+role.replace(/ /g, "_")+"_name")= role td.command(id="role_"+role.replace(/ /g, "_")) - tr - td.command#message(colspan=roles.length) - + td.command#message(colspan=2) - p button.hide#delete_button(onclick="confirm_delete()") Delete |