From: Christian Heller <c.heller@plomlompom.de>
Date: Sun, 22 Nov 2020 02:44:36 +0000 (+0100)
Subject: Improve web client click table layout.
X-Git-Url: https://plomlompom.com/repos/%7B%7Bprefix%7D%7D/static/%7B%7Byoutube_prefix%7D%7D%7B%7Bvideo_id%7D%7D?a=commitdiff_plain;h=0631c709258a54e0a9f153e522e0e76df384ac5f;p=plomrogue2

Improve web client click table layout.
---

diff --git a/rogue_chat_nocanvas_monochrome.html b/rogue_chat_nocanvas_monochrome.html
index 9db72e4..6713a27 100644
--- a/rogue_chat_nocanvas_monochrome.html
+++ b/rogue_chat_nocanvas_monochrome.html
@@ -12,28 +12,58 @@ terminal columns: <input id="n_cols" type="number" step=4 min=80 value=80 />
 <div>
 <h3>for mouse players</h3>
 <table style="float: left">
-<tr><td><button id="move_upleft">up-left</button></td><td><button id="move_up">up</button></td><td><button id="move_upright">up-right</button></td></tr>
-<tr><td><button id="move_left">left</button></td><td>MOVE</td><td><button id="move_right">right</button></td></tr>
-<tr><td><button id="move_downleft">down-left</button></td><td><button id="move_down">down</button></td><td><button id="move_downright">down-right</button></td></tr>
+  <tr>
+    <td><button id="move_upleft">up-left</button></td>
+    <td><button id="move_up">up</button></td>
+    <td><button id="move_upright">up-right</button></td>
+  </tr>
+  <tr>
+    <td><button id="move_left">left</button></td>
+    <td>MOVE</td>
+    <td><button id="move_right">right</button></td>
+  </tr>
+  <tr>
+    <td><button id="move_downleft">down-left</button></td>
+    <td><button id="move_down">down</button></td>
+    <td><button id="move_downright">down-right</button></td>
+  </tr>
+</table>
+<table>
+  <tr>
+    <td><button id="help">help</button></td>
+  </tr>
+  <tr>
+    <td><button id="switch_to_chat">chat mode</button><br /></td>
+  </tr>
+    <td><button id="switch_to_study">study mode</button></td>
+    <td><button id="toggle_map_mode">toggle terrain/annotations/control view</button>
+  <tr>
+    <td><button id="switch_to_play">play mode</button></td>
+    <td>
+      <table>
+        <tr>
+          <td><button id="take_thing">take thing</button></td>
+          <td><button id="switch_to_edit">change tile</button></td>
+          <td><button id="switch_to_admin">become admin</button></td>
+        </tr>
+        <tr>
+          <td><button id="drop_thing">drop thing</button></td>
+          <td><button id="switch_to_password">change tile editing password</button></td>
+          <td><button id="switch_to_control_pw_type">change tile control password</button></td>
+        </tr>
+        <tr>
+          <td><button id="flatten">flatten surroundings</button></td>
+          <td><button id="switch_to_annotate">annotate tile</button></td>
+          <td><button id="switch_to_control_tile_type">change tiles control</button></td>
+        </tr>
+        <tr>
+          <td><button id="teleport">teleport</button></td>
+          <td><button id="switch_to_portal">edit portal link</button></td>
+        </tr>
+      </table>
+    </td>
+  </tr>
 </table>
-<div>
-<button id="help">help</button>
-<button id="switch_to_play">play mode</button>
-<button id="switch_to_study">study mode</button>
-<button id="switch_to_chat">chat mode</button><br />
-<button id="take_thing">take thing</button>
-<button id="drop_thing">drop thing</button>
-<button id="flatten">flatten surroundings</button>
-<button id="teleport">teleport</button>
-<button id="switch_to_edit">change tile</button><br />
-<button id="switch_to_password">change tile editing password</button>
-<button id="switch_to_annotate">annotate tile</button>
-<button id="switch_to_portal">edit portal link</button>
-<button id="toggle_map_mode">toggle terrain/annotations/control view</button>
-<button id="switch_to_admin">become admin</button>
-<button id="switch_to_control_pw_type">change tile control password</button>
-<button id="switch_to_control_tile_type">change tiles control</button>
-</div>
 <h3>edit keybindings</h3> (see <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values">here</a> for non-obvious available values):<br />
 <ul>
 <li>move up (square grid): <input id="key_square_move_up" type="text" value="w" /> (hint: ArrowUp)