update button styles

This commit is contained in:
awesomeuser 2023-08-04 21:29:44 +00:00
parent dcedea9225
commit e532b22cb8

View file

@ -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">