1 files changed, 12 insertions, 10 deletions
diff --git a/tools/draw/index.html b/tools/draw/index.html
index fcfe346..5c3c3d9 100644
--- a/tools/draw/index.html
+++ b/tools/draw/index.html
@@ -16,16 +16,18 @@
                        <canvas></canvas>
                </section>
-                <nav>
+                <nav class="colors">
-                        <button data-method="color" data-value="limegreen">limegreen</button>
+                        <button data-method="color" data-value="limegreen"></button>
-                        <button data-method="color" data-value="crimson">crimson</button>
+                        <button data-method="color" data-value="crimson"></button>
-                        <button data-method="color" data-value="darkturquoise">darkturquoise</button>
+                        <button data-method="color" data-value="darkturquoise"></button>
-                        <button data-method="color" data-value="purple">purple</button>
+                        <button data-method="color" data-value="purple"></button>
-                        <button data-method="color" data-value="fuchsia">fuchsia</button>
+                        <button data-method="color" data-value="fuchsia"></button>
-                        <button data-method="color" data-value="blueviolet">blueviolet</button>
+                        <button data-method="color" data-value="blueviolet"></button>
-                        <button data-method="color" data-value="goldenrod">goldenrod</button>
+                        <button data-method="color" data-value="goldenrod"></button>
-                        <button data-method="color" data-value="royalblue">royalblue</button>
+                        <button data-method="color" data-value="royalblue"></button>
-                        <br>
+                </nav>
+                <nav class="tools">
                        <button data-method="size" data-value="2">small</button>
                        <button data-method="size" data-value="4">normal</button>
                        <button data-method="size" data-value="10">big</button>

diff --git a/tools/draw/index.html b/tools/draw/index.html index fcfe346..5c3c3d9 100644 --- a/tools/draw/index.html +++ b/tools/draw/index.html
@@ -16,16 +16,18 @@
16	<canvas></canvas>	16	<canvas></canvas>
17	</section>	17	</section>
18		18
19	<nav>	19	<nav class="colors">
20	<button data-method="color" data-value="limegreen">limegreen</button>	20	<button data-method="color" data-value="limegreen"></button>
21	<button data-method="color" data-value="crimson">crimson</button>	21	<button data-method="color" data-value="crimson"></button>
22	<button data-method="color" data-value="darkturquoise">darkturquoise</button>	22	<button data-method="color" data-value="darkturquoise"></button>
23	<button data-method="color" data-value="purple">purple</button>	23	<button data-method="color" data-value="purple"></button>
24	<button data-method="color" data-value="fuchsia">fuchsia</button>	24	<button data-method="color" data-value="fuchsia"></button>
25	<button data-method="color" data-value="blueviolet">blueviolet</button>	25	<button data-method="color" data-value="blueviolet"></button>
26	<button data-method="color" data-value="goldenrod">goldenrod</button>	26	<button data-method="color" data-value="goldenrod"></button>
27	<button data-method="color" data-value="royalblue">royalblue</button>	27	<button data-method="color" data-value="royalblue"></button>
28	<br>	28	</nav>
		29
		30	<nav class="tools">
29	<button data-method="size" data-value="2">small</button>	31	<button data-method="size" data-value="2">small</button>
30	<button data-method="size" data-value="4">normal</button>	32	<button data-method="size" data-value="4">normal</button>
31	<button data-method="size" data-value="10">big</button>	33	<button data-method="size" data-value="10">big</button>