diff --git a/src/repixelizer/gui_static/index.html b/src/repixelizer/gui_static/index.html index c9cd8b5..77feefd 100644 --- a/src/repixelizer/gui_static/index.html +++ b/src/repixelizer/gui_static/index.html @@ -145,7 +145,17 @@
diff --git a/src/repixelizer/gui_static/styles.css b/src/repixelizer/gui_static/styles.css index b52d509..255888e 100644 --- a/src/repixelizer/gui_static/styles.css +++ b/src/repixelizer/gui_static/styles.css @@ -430,7 +430,7 @@ p { gap: 7px; } -.field span, +.field > span, .scrubber label, .zoom-block label { font-size: 0.84rem; @@ -439,6 +439,35 @@ p { color: var(--ui-text-muted); } +.field-heading, +.toggle-copy { + display: inline-flex; + align-items: center; + gap: 8px; + flex-wrap: wrap; +} + +.help-tip { + display: inline-flex; + align-items: center; + justify-content: center; + width: 18px; + height: 18px; + flex: 0 0 auto; + border: 2px solid rgba(255, 216, 74, 0.28); + background: rgba(255, 216, 74, 0.12); + color: var(--ui-accent); + font-family: "Press Start 2P", "VT323", monospace; + font-size: 0.5rem; + line-height: 1; + cursor: help; +} + +.help-tip:focus-visible { + outline: 2px dotted var(--ui-text-muted); + outline-offset: 2px; +} + .field input, .field select { width: 100%;