Stress dots sit lower; toggle moves right of Export image

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-07 04:44:41 -04:00
parent c8a498d4e5
commit c858c9fd19
+2 -2
View File
@@ -117,7 +117,7 @@
}
.sw { position: relative; }
.sd {
position: absolute; left: 0; right: 0; top: 1.18em;
position: absolute; left: 0; right: 0; top: 1.46em;
text-align: center; font-size: 8px; letter-spacing: 2px;
line-height: 1; color: var(--accent-2); white-space: nowrap;
}
@@ -276,8 +276,8 @@ Double-click any word to look it up on the right."></textarea>
</div>
<div class="toolbar">
<button class="btn primary" id="copyBtn">Copy to clipboard</button>
<label class="mtoggle" title="Show syllable stress dots under each word"><input type="checkbox" id="stressToggle"> stress</label>
<button class="btn" id="exportBtn" title="Download this draft as a color-coded PNG">Export image</button>
<label class="mtoggle" title="Show syllable stress dots under each word"><input type="checkbox" id="stressToggle"> stress</label>
<div class="scheme-readout" id="schemeReadout"></div>
</div>
</div>