Try moving icons to the left

This commit is contained in:
Ian Gulliver
2024-12-05 00:14:37 -08:00
parent 0b800b767b
commit e8f59a6c9b

View File

@@ -16,6 +16,7 @@ body {
table { table {
border-spacing: 0; border-spacing: 0;
width: 100%; width: 100%;
table-layout: fixed;
} }
.bg0 { .bg0 {
@@ -31,6 +32,8 @@ td div {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 5px; padding: 5px;
overflow: clip;
text-wrap: nowrap;
} }
td:first-child { td:first-child {
@@ -111,11 +114,11 @@ document.addEventListener('DOMContentLoaded', () => {
</td> </td>
<td> <td>
<div> <div>
<a href="{{ .Long }}">{{ .Long }}</a>
<sl-copy-button value="{{ .Long }}" style="color: var(--sl-color-neutral-400);"></sl-copy-button> <sl-copy-button value="{{ .Long }}" style="color: var(--sl-color-neutral-400);"></sl-copy-button>
<a href="./?long={{ .Long }}"> <a href="./?long={{ .Long }}">
<sl-icon name="plus-circle" style="color: var(--sl-color-neutral-400);"></sl-icon> <sl-icon name="plus-circle" style="color: var(--sl-color-neutral-400);"></sl-icon>
</a> </a>
<a href="{{ .Long }}">{{ .Long }}</a>
</div> </div>
</td> </td>
</tr> </tr>