tweak labels

This commit is contained in:
nate smith 2024-04-19 16:09:11 -07:00
parent 649a8b3dd1
commit e6c14a51ce
2 changed files with 5 additions and 5 deletions

View File

@ -34,7 +34,7 @@ class LineRemover extends Button {
class LinePinner extends Button { class LinePinner extends Button {
connectedCallback() { connectedCallback() {
//this.innerText = "lock"; //this.innerText = "lock";
this.setAttribute("title", "lock line in place"); this.setAttribute("title", "pin line in place");
} }
click() { click() {
const l = this.closest("div.line"); const l = this.closest("div.line");

View File

@ -94,7 +94,7 @@ a {
text-align: right; text-align: right;
} }
div.linectrl button { div.linectrl button {
width: 30px; width: 60px;
height: 30px; height: 30px;
} }
div.line:not(.unpinned) .linetext { div.line:not(.unpinned) .linetext {
@ -110,7 +110,7 @@ a {
<span class="linetext"></span> <span class="linetext"></span>
</div> </div>
<div class="linectrl"> <div class="linectrl">
<button is="line-pinner">L</button><button is="line-editor">E</button><button is="line-remover">R</button> <button is="line-pinner">PIN</button><button is="line-editor">EDIT</button><button is="line-remover">KILL</button>
</div> </div>
</div> </div>
<div is="source-text" class="source"></div> <div is="source-text" class="source"></div>
@ -137,11 +137,11 @@ a {
</div> </div>
<div class="main"> <div class="main">
<div style="margin-bottom: 5px"> <div style="margin-bottom: 5px">
<button is="poem-regenner"></button> <button is="poem-regenner">regenerate unpinned lines</button>
</div> </div>
<div is="poem-lines"></div> <div is="poem-lines"></div>
<div> <div>
<button is="line-adder" title="add new line">+</button> <button is="line-adder" title="add new line">add new line</button>
</div> </div>
</div> </div>
<script src="/html2canvas.min.js"></script> <script src="/html2canvas.min.js"></script>