aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--views/partials/canvas.html8
1 files changed, 4 insertions, 4 deletions
diff --git a/views/partials/canvas.html b/views/partials/canvas.html
index 26899d7..9914bda 100644
--- a/views/partials/canvas.html
+++ b/views/partials/canvas.html
@@ -1,9 +1,9 @@
<div class="editor">
<canvas id="canvas" style="background:#fff; border:1px inset #888" width="400" height="200"></canvas><br>
- <button type="button" id="blackbtn">Black</button> <button type="button" id="whitebtn">White</button>
- <button type="button" id="redbtn">Red</button> <button type="button" id="bluebtn">Blue</button><br>
- <button type="button" id="magentabtn">Magenta</button> <button type="button" id="cyanbtn">Cyan</button>
- <button type="button" id="yellowbtn">Yellow</button> <button type="button" id="greenbtn">Green</button><br>
+ <button type="button" id="blackbtn" style="background-color: black; width: 4em; height: 2em"></button> <button type="button" id="whitebtn" style="background-color: white; width: 4em; height: 2em"></button>
+ <button type="button" id="redbtn" style="background-color: red; width: 4em; height: 2em"></button> <button type="button" id="bluebtn" style="background-color: blue; width: 4em; height: 2em"></button><br>
+ <button type="button" id="magentabtn" style="background-color: magenta; width: 4em; height: 2em"></button> <button type="button" id="cyanbtn" style="background-color: cyan; width: 4em; height: 2em"></button>
+ <button type="button" id="yellowbtn" style="background-color: yellow; width: 4em; height: 2em"></button> <button type="button" id="greenbtn" style="background-color: lime; width: 4em; height: 2em"></button><br>
pen size : <input type="number" id="pensize" value="1" min="1" max="99"><br>
<button type="button" id="undobtn">Undo</button> <button type="button" id="clearbtn">Clear</button><br>
<button type="button" id="sendbtn">Send</button>