diff --git a/app/static/css/layout.css b/app/static/css/layout.css index 83f03f5..fc94c65 100644 --- a/app/static/css/layout.css +++ b/app/static/css/layout.css @@ -157,6 +157,11 @@ body.drawer-open .drawer-backdrop { opacity: 1; } .tone-toggle button + button, .theme-toggle button + button, .lang-toggle button + button { border-left: 1px solid var(--border); } +/* The tone-toggle's longer option ("Intermediate", 12 chars) needs more + room than the shared 5.5em min-width. We size both buttons to fit the + longest one so the popup width (set by container width via left/right:0) + doesn't get clipped when only the short "Pro" label is active. */ +.tone-toggle button { min-width: 10em; } .tone-toggle button:hover, .theme-toggle button:hover, .lang-toggle button:hover { color: var(--accent); } diff --git a/app/templates/base.html b/app/templates/base.html index f4218a5..7344b76 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -234,10 +234,14 @@ Log
+ {# The "Pro" label maps to the NOVICE tone server-side — kept that + way to avoid touching every stored user preference and API + contract. The mode itself (glossary tooltips + plainer + framing) is unchanged; only the display label changes. #}
+ onclick="cassandraSetTone('NOVICE')">Pro
diff --git a/app/templates/settings.html b/app/templates/settings.html index 7ce054c..37e88f7 100644 --- a/app/templates/settings.html +++ b/app/templates/settings.html @@ -185,7 +185,7 @@
+ {% if (user.digest_tone or 'INTERMEDIATE') == 'NOVICE' %}checked{% endif %}> Pro