diff --git a/public/customize.js b/public/customize.js index 252e9e36..06571732 100644 --- a/public/customize.js +++ b/public/customize.js @@ -298,11 +298,12 @@ .cust-color-row .cust-reset-btn:hover { background: var(--surface-3); } .cust-node-dot { display: inline-block; width: 16px; height: 16px; border-radius: 50%; vertical-align: middle; } .cust-preview-img { max-width: 200px; max-height: 60px; margin-top: 6px; border-radius: 6px; border: 1px solid var(--border); } - .cust-list-item { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 8px; padding: 8px; + .cust-list-item { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; padding: 8px; background: var(--surface-1); border: 1px solid var(--border); border-radius: 6px; } - .cust-list-item input { flex: 1; padding: 6px 8px; border: 1px solid var(--border); border-radius: 4px; - font-size: 13px; background: var(--input-bg); color: var(--text); } - .cust-list-item .cust-emoji-input { max-width: 50px; text-align: center; } + .cust-list-row { display: flex; gap: 6px; align-items: center; } + .cust-list-item input { flex: 1; padding: 5px 8px; border: 1px solid var(--border); border-radius: 4px; + font-size: 12px; background: var(--input-bg); color: var(--text); min-width: 0; } + .cust-list-item .cust-emoji-input { max-width: 40px; text-align: center; flex: 0 0 40px; } .cust-list-btn { padding: 4px 10px; border: 1px solid var(--border); border-radius: 4px; background: var(--surface-2); color: var(--text-muted); cursor: pointer; font-size: 12px; } .cust-list-btn:hover { background: var(--surface-3); } @@ -452,28 +453,34 @@ var h = state.home; var stepsHtml = h.steps.map(function (s, i) { return '
' + - '' + - '' + - '' + - '' + - '' + - '' + + '
' + + '' + + '' + + '' + + '' + + '' + + '
' + + '' + '
'; }).join(''); var checkHtml = h.checklist.map(function (c, i) { return '
' + - '' + - '' + - '' + + '
' + + '' + + '' + + '
' + + '' + '
'; }).join(''); var linksHtml = h.footerLinks.map(function (l, i) { return '
' + - '' + - '' + - '' + + '
' + + '' + + '' + + '
' + + '' + '
'; }).join(''); diff --git a/public/index.html b/public/index.html index 0aa57ccc..2fe7b5c9 100644 --- a/public/index.html +++ b/public/index.html @@ -101,6 +101,6 @@ - +