update button styles
This commit is contained in:
parent
dcedea9225
commit
e532b22cb8
1 changed files with 10 additions and 9 deletions
19
index.php
19
index.php
|
@ -38,20 +38,21 @@
|
||||||
width: calc(100% - 140px);
|
width: calc(100% - 140px);
|
||||||
}
|
}
|
||||||
|
|
||||||
#submit-input {
|
|
||||||
width: 100%; /* so that it's not so close to clear, might think of a better solution later */
|
|
||||||
}
|
|
||||||
|
|
||||||
button, #submit-input {
|
button, #submit-input {
|
||||||
background: var(--accent);
|
|
||||||
color: white;
|
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
border: none;
|
border: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
#clear-button:hover {
|
#submit-input {
|
||||||
background: red;
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
width: 100%; /* so that it's not so close to clear, might think of a better solution later */
|
||||||
|
}
|
||||||
|
|
||||||
|
#clear-button {
|
||||||
|
float: right;
|
||||||
|
color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
.feed-header {
|
.feed-header {
|
||||||
|
@ -137,7 +138,7 @@
|
||||||
<div style="margin-bottom: 12px;">
|
<div style="margin-bottom: 12px;">
|
||||||
<button type="button" onclick="setPen();" id="pen-button">Pen</button>
|
<button type="button" onclick="setPen();" id="pen-button">Pen</button>
|
||||||
<button type="button" onclick="setEraser();" id="eraser-button">Eraser</button>
|
<button type="button" onclick="setEraser();" id="eraser-button">Eraser</button>
|
||||||
<button type="button" onclick="clearCanvas();" id="clear-button" style="float: right;">Clear</button>
|
<button type="button" onclick="clearCanvas();" id="clear-button">Clear</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form method="post" action="farp.php">
|
<form method="post" action="farp.php">
|
||||||
|
|
Reference in a new issue