diff options
| author | Tor Andersson <tor@ccxvii.net> | 2023-10-20 19:04:20 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2023-10-20 19:04:20 +0200 |
| commit | 0c75bd8a604cf5e6913c35e5be752d9103ee93bb (patch) | |
| tree | 975102c6aafd2d819d8781a6a38d984c6651c750 | |
| parent | 065edf40611e66c9d88cf2f5c1548312b010c847 (diff) | |
| download | shores-of-tripoli-0c75bd8a604cf5e6913c35e5be752d9103ee93bb.tar.gz | |
Mobile layout.
| -rw-r--r-- | play.css | 2 | ||||
| -rw-r--r-- | play.html | 13 |
2 files changed, 8 insertions, 7 deletions
@@ -24,6 +24,7 @@ body.United_States header.your_turn { background-color: skyblue; } min-height: 300px; justify-content: left; max-width: 1620px; + min-width: 780px; margin: 0 auto; padding: 15px; gap: 15px; @@ -31,6 +32,7 @@ body.United_States header.your_turn { background-color: skyblue; } .hand_separator { margin: 0 auto; + min-width: 810px; max-width: 1650px; border-bottom: 2px dotted gainsboro; } @@ -2,7 +2,8 @@ <!-- vim:set nowrap: --> <html> <head> -<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, interactive-widget=resizes-content"> +<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, interactive-widget=resizes-content, viewport-fit=cover"> +<meta name="theme-color" content="#444"> <meta charset="UTF-8"> <title>SHORES OF TRIPOLI</title> <link rel="icon" href="Flag_of_Tripoli_18th_century.svg"> @@ -40,18 +41,16 @@ <details> <summary><img src="/images/cog.svg"></summary> <menu> - <li><a class="menu_item" href="info/rules.html" target="_blank">Rules</a> - <li><a class="menu_item" href="info/history.html" target="_blank">History</a> + <li><a href="info/rules.html" target="_blank">Rules</a> + <li><a href="info/history.html" target="_blank">History</a> <li class="separator"> - <li><a class="menu_item" href="info/tr_cards.html" target="_blank">Tripolitan Cards</a> - <li><a class="menu_item" href="info/us_cards.html" target="_blank">United States Cards</a> + <li><a href="info/tr_cards.html" target="_blank">Tripolitan Cards</a> + <li><a href="info/us_cards.html" target="_blank">United States Cards</a> <li class="resign separator"> <li class="resign" onclick="confirm_resign()">Resign </menu> </details> </div> - <div id="prompt"></div> - <div id="actions"></div> </header> <aside> |