moved listing manage buttons out of expandable menu + added padding

This commit is contained in:
2025-07-26 15:19:29 -04:00
parent ca3b2d3a80
commit 02a1abd464
+16 -17
View File
@@ -176,7 +176,7 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 1rem 0rem; padding: 1rem 1rem;
} }
.bookmarkListingContainer { .bookmarkListingContainer {
display: flex; display: flex;
@@ -1156,15 +1156,15 @@
</div> </div>
</div> </div>
</div>
<div class="manageButtons"> <div class="manageButtons">
<div id=${this.id + "--manage-buttons"} > <div id=${this.id + "--manage-buttons"} >
${zindex == numberTotalContainers ? `` : upButtons} ${zindex == numberTotalContainers ? `` : upButtons}
${zindex == 1 ? `` : downButtons} ${zindex == 1 ? `` : downButtons}
</div>
<div>
<button id=${this.id + "--delete-button"} class="deleteButton" onclick="deleteContainer(this)">delete layer</button>
</div> </div>
<div>
<button id=${this.id + "--delete-button"} class="deleteButton" onclick="deleteContainer(this)">delete layer</button>
</div> </div>
</div> </div>
` `
@@ -1333,16 +1333,15 @@
<label for=${this.id + "-settings-shadow-blur"}>shadow sharpness/fuzziness: </label> <label for=${this.id + "-settings-shadow-blur"}>shadow sharpness/fuzziness: </label>
<input id=${this.id + "-settings-shadow-blur"} type="range" min="0" max="200" /> <input id=${this.id + "-settings-shadow-blur"} type="range" min="0" max="200" />
</div> </div>
</div> </div>
<div class="manageButtons"> <div class="manageButtons">
<div id=${this.id + "--manage-buttons"}> <div id=${this.id + "--manage-buttons"}>
${zindex == numberTotalContainers ? `` : upButtons} ${zindex == numberTotalContainers ? `` : upButtons}
${zindex == 1 ? `` : downButtons} ${zindex == 1 ? `` : downButtons}
</div> </div>
<div> <div>
<button id=${this.id + "--delete-button"} onclick="deleteContainer(this)">delete layer</button> <button id=${this.id + "--delete-button"} onclick="deleteContainer(this)">delete layer</button>
</div>
</div> </div>
</div> </div>
</div> </div>